/*************************** 
 *** LARGER SCREEN SIZES ***
 **************************/

@media ( min-width: 1440px ) {

    .hero-content img {
        max-width: 200px;
    }

    .gallery-floatingImages__left img:first-of-type {
        width: 16%;
        top: 50px;
    }
    
    .gallery-floatingImages__left img:nth-of-type(2) {
        width: 27.75%;
        top: 85px;
        left: 42.5%;
    }
    
    .gallery-floatingImages__left img:nth-of-type(3) {
        width: 28%;
        top: 360px;
        left: 6%;
    }
    
    .gallery-floatingImages__left img:nth-of-type(4) {
        width: 40%;
        top: 430px;
        left: 24.5%;
    }
    
    .gallery-floatingImages__right img:first-of-type {
        width: 27.5%;
        top: 60px;
        right: 61.25%;
    }
    
    .gallery-floatingImages__right img:nth-of-type(2) {
        width: 29.5%;
        top: 170px;
        right: 15.25%;
    }
    
    .gallery-floatingImages__right img:nth-of-type(3) {
        width: 23%;
        top: 265px;
    }
    
    .gallery-floatingImages__right img:nth-of-type(4) {
        width: 40%;
        top: 425px;
        right: 26%;
    }
    
    .gallery-floatingImages__right img:nth-of-type(5) {
        width: 40%;
        top: 485px;
        right: 59.75%;
    }

    #landing-accept {
        margin: 125px auto 75px;
    }

    .support-animatedText img {
        margin-left: -2.5%;
    }

    .animated-container {
        height: 140px;
    }

    .support-animatedText {
        height: 110px;
        margin-left: -10px;
        background-size: auto 100%;
    }

    .views-header p,
    .support-header p {
        max-width: 495px;
    }

}

/**************************** 
 *** SMALLER SCREEN SIZES ***
 ***************************/
@media ( max-width: 980px ) {
    h1, 
    .h1 {
        font-size: 4.688rem;
        line-height: 4.5rem;
    }
    h2, 
    .h2 {
        font-size: 3rem;
    }

    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 2.15rem;
    }

    .gallery-video .video-controls .play-icon {
        height: 30px;
    }

    .gallery-video .video-controls .pause-icon {
        width: 22px;
    }

    .application-method buttongroup > span {
        padding: 0 16px;
    }

    #landing-accept {
        margin: 205px auto 125px;
    }

    .support-animatedText {
        top: -45px;
        height: 65px;
    }

    .views-slider__navigation {
        padding-right: 4%;
    }

    .views-header,
    .support-header {
        margin: 0 5% 45px;
    }

    .support-cards {
        margin: 0 5%;
    }

    .support-cards .support-card {
        width: calc(50% - 15px);
        margin: 0 15px 30px 0;
        max-width: 500px;
    }

    .support-steps {
        padding: 35px 5% 20px;
    }

    #landing-perspective {
        padding: 200px 3% 125px;
    }

    .animated-container.supportText {
        height: 50px;
    }

 }

 @media (max-width: 780px) {

    #landing-perspective {
        padding: 150px 3% 85px;
    }

    #landing-perspective span {
        font-size: 4.375rem;
        line-height: 4.5rem;
    }

    #landing-perspective span:first-of-type {
        margin-bottom: 30px;
    }

    .support-steps ul li {
        width: calc(50% - 20px);
    }

 }

 @media (max-width: 680px) {

    h1, 
    .h1 {
        font-size: 3.75rem;
        line-height: 3.5rem;
    }

    h2, 
    .h2 {
        font-size: 2.5rem;
    }
    
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 1.875rem;
    }

    .hero-content img {
        margin-bottom: 60px;
    }

    .hero-content h1 {
        margin-bottom: 60px;
    }

    #landing-hero {
        padding: 50px 3% 75px;
    }

    #landing-gallery hr {
        width: 200px;
        height: 0.5px;
        top: 55px;
    }

    .gallery-floatingImages .gallery-floatingImages__left {
        display: none;
    }

    .gallery-floatingImages .gallery-floatingImages__right {
        width: 100%;
    }

    .gallery-floatingImages__right img:first-of-type {
        width: 28.5%;
        right: 60.25%;
        top: 30px;
    }

    .gallery-floatingImages__right img:nth-of-type(2) {
        width: 34.5%;
        right: 7.25%;
        top: 30px;
    }

    .gallery-floatingImages__right img:nth-of-type(3) {
        width: 22%;
        right: 0;
        top: 155px;
    }

    .gallery-floatingImages__right img:nth-of-type(4) {
        width: 40%;
        top: 228px;
        right: 18%;
        z-index: 10;
    }

    .gallery-floatingImages__right img:nth-of-type(5) {
        width: 36%;
        right: auto;
        top: 175px;
    }

    .gallery-video {
        margin: 85px auto 0;
    }

    #landing-accept {
        margin: 75px 5% 125px;
    }

    .application-method buttongroup span {
        clear: both;
        width: 100%;
        display: block;
        padding: 14px;
    }

    .application-questions {
        margin-top: 30px;
    }

    .application-questions > p:nth-of-type(2) {
        max-width: 330px;
        margin: 0 auto;
        line-height: 1.5;
    }

    #landing-views {
        padding: 80px 0 65px;
    }

    .views-header h2,
    .support-header h2 {
        margin-bottom: 30px;
    }

    #views-slider__slides {
        padding-top: 25px;
    }

    .views-slider__navigation {
        top: -22px;
    }

    #views-slider__slides .slide.slick-slide img {
        height: 275px;
    }

    #landing-support {
        padding: 80px 0 30px
    }

    .support-cards .support-card {
        width: 100%;
        margin: 0 auto 30px;
        max-width: inherit;
    }

    #landing-perspective::before {
        left: 3.5%;
        right: 3.5%;
        background-size: contain;
        background-position: center;
        height: 100%;
    }

    #landing-perspective span {
        font-size: 3.125rem;
        line-height: 3rem;
    }

    .button-primary {
        padding: 16.5px 34px;
    }

    .support-cards .card .button-primary {
        padding: 16.5px 20px;
    }
    
 }

 @media (max-width: 580px) {
    .support-steps ul {
        margin: 0;
        width: auto;
    }

    .support-steps ul li {
        width: 100%;
        margin: 0 auto 20px;
    }
 }

 @media (max-width: 380px) {
    #views-slider__slides .slide.slick-slide img {
        height: 205px;
    }

    .gallery-floatingImages__right img:nth-of-type(4) {
        top: 205px;
    }

    h1, 
    .h1 {
        font-size: 3.25rem;
        line-height: 3rem;
    }

 }