/* Very large desktop */
@media (min-width: 1600px) {

    h1 {font-size: 72px;}
    h4 {font-size: 30px;}  
    h3 {font-size: 28px;}
    p {font-size: 20px;}
    .tile h4 {font-size: 22px; padding: 0 20px; font-weight: 300}
    .tile-wrapper.white .tile h4 {font-size: 26px; line-height: 1.2}
    .logo {width: 80%;}
    #slide4, #slide5, #slide6 {padding: 150px 0 0 0;}    
    .pagination > li > a { font-size: larger; padding: 20px 25px; margin-top: 40px;  }
    .fp-slidesNav ul li a { text-transform: none; font-size: large}
    .fp-slidesNav.bottom { bottom: 150px; }
}

/* Large desktop */
@media (min-width: 980px) and (max-width: 1599px) {

    h1 {font-size: 38px;}
    h2 {font-size: 24px;}
    h4 {font-size: 22px;}
    h3 {font-size: 26px;} 
    .logo {width: 80%;}
    #slide4, #slide5, #slide6 {padding: 3% 0 0 0 !important;}    
    .pagination > li > a { font-size: larger; padding: 20px 25px; margin-top: 30px; }
    .fp-slidesNav.bottom { bottom: 120px; }
    

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    h1 {font-size: 24px;}
    h2 {font-size: 18px;}
    h4 {font-size: 22px;}
    #slide4, #slide5, #slide6 {padding: 5% 0 0 0;}
    .pagination > li > a { font-size: larger; padding: 20px 25px; margin-top: 30px; }
    .fp-slidesNav.bottom { bottom: 110px; }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    #menu,
    #footer,
    .desktop-buttons
    {
        visibility: hidden;
    }

    .fp-table, .slide {
        background-position-x: -850px !important;
        background-position-y: 0 !important;
        background-color: black;
        background-image: none !important; background-color: #000;
    }

    h1 { font-size: 40px; text-align: left; margin: 20px 0; }
    h2 { font-size: 18px; }
    h3 { font-size: 20px; }
    p { font-size: 20px; }
    

    ul { font-size: 18px; }
    ul li { line-height: 1.4;}

    .material-symbols-outlined {
        font-size: 32px !important;
    }

    .container {
        height: 100vh !important;
        text-align: left;
        padding: 0 !important;
    }

    .content {        
        padding: 20px; padding-top: 80px;
    }

    .icon-label {
        font-size: 11px;
        margin-left: -6px !important;
    }

    .xs-nopadding{
        padding: 0;
    }

    .cards {
        grid-template-columns: 1fr;
    }

    .button {
        margin-right: 0px;
    }

}
 
/* Landscape phones and down */
@media (max-width: 480px) {

    h1 {text-align: left; padding-bottom: 0; line-height: 1}
    h1 span {font-size: 16px; padding: 5px; border: none; line-height: 1}
    h1.big, h1.phone { padding:0}
    h2 {font-size: 17px; text-align: center}


    .video {visibility: hidden};

    .container {
        height: 100vh !important;
    }


}