/* Homepage
--------------------------------------------------------------------------------------- */

/* .section-list-wrap li { border-color: #fff; } */

.titles {
  font-variation-settings: 'wght' 900, 'wdth' 50, 'slnt' 0; text-transform: uppercase;
}

h2.titles.hero-title { font-size: 3vw !important; line-height: .85em;}

img.iphone-app {
    height: 60vh !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hero-logo-new { max-width: 140px; }

.home .header { display: none;}

.home .page-hero p { font-size: 16px;}

.hero-icons { max-width: 70%;}


/* Secondary Pages
--------------------------------------------------------------------------------------- */



/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {


}

@media only screen
and (max-height: 540px) {


}


@media only screen
and (max-width : 2260px) {


}


@media only screen
and (max-width : 2000px) {


}


@media only screen
and (max-width : 1800px) {


}



@media only screen
and (max-width : 1770px) {


}

@media only screen
and (max-width : 1600px) {

}


@media only screen
and (max-width : 1500px) {


}

@media only screen
and (max-width : 1350px) {


}


@media only screen
and (max-width : 1300px) {


}



@media only screen
and (max-width : 1350px) {


}

@media only screen
and (max-width : 1200px) {


}

@media only screen
and (max-width : 1150px) {


}

@media only screen
and (max-width : 1100px) {


}

@media only screen
and (max-width : 1000px) {


}

@media only screen
and (max-width : 880px) {

	.page-hero .desktop { display: block !important;}
	.page-hero .mobile { display: none !important;}

}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


}

@media screen and (min-width:320px) and (max-width:780px) and (orientation:landscape) {


}

@media only screen
and (max-width : 501px) and (orientation:portrait)  {

    .page-hero { position: relative; height:  auto !important; text-align: center !important;}
    .page-hero .section.center-v { width: 100%; height: 100%; padding-left: 10%; padding-right: 10%; padding-top: 40px !important; padding-bottom: 40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; top: auto; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
    h2.titles.hero-title { font-size: 14vw !important; line-height: .85em;}

    img.iphone-app {
        height: auto !important;
        width: 60% !important;
        max-width: 100% !important;
        object-fit: contain;
        display: block;
        margin-left: auto !important; margin-right: auto;
        margin-top: 40px;
    }

    .page-hero .desktop { display: none !important;}
	.page-hero .mobile { display: block !important;}

    .hero-icons { max-width: 100%;}

    .hero-logo-new { margin-left: auto !important; margin-right: auto !important; }

    .mobile-center { text-align: center;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


}