/* Laptop medium size */
@media (max-height: 900px) {

    .header {
        min-height: 700px;
    }

    .main {
        height: 6900px;
        top: 700px;
    }

    .footer {
        bottom: 0px;
        position: absolute;
        height: 320px;
    }

    .contact-icons {
        height: 30px;
        width: 30px;
    }

    .content {
        height: 6800px;
    }

    #intro-section {
        background-position: top;
        min-height: 700px;
    }

    #hero-text {
        font-size: 400%;
        padding-top: 0.2rem !important;
    }

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 40%;
    }


    .whitebox-button {
        /* top: 60%; */
        z-index: 100;
    }

    .text-right,
    .text-left {
        font-size: 14px;
        padding-right: 0;
    }

    .text-box2 {
        padding-top: 20%;
    }

    .text-box2b {
        padding-top: 5%;
    }

    .text-box3 {
        padding-top: 20%;
    }

    .numbers {
        font-size: 3rem;
        /* padding-bottom: 1rem; */
        margin-bottom: 1rem;
    }

    .navbar-custom {
        width: 100%;
    }

    .nav-item,
    .btn-warning {
        font-size: 0.8rem;
    }

    .reach {
        font-size: 100%;
    }

    .btn-circular {
        height: 40px;
        width: 40px;
    }

    .title-sections {
        /* margin-top: 2rem; */
        margin-bottom: 2rem;
    }

    .section3,
    .section9 {
        height: 13%;
    }

    .section8,
    .section6 {
        height: 14%;
    }

    .table-column-row1 .blue-box {
        width: 100px;
    }

    .icon {
        width: 90%;
    }


    .table1 {
        /* height: 13%; */
        height: 15%;
        padding-top: 2%;
    }

    .icon .equip-naming {
        font-size: 100%;
    }

    .section10 {
        /* height: 30%; */
        bottom: 315px
    }

    .text-box3 p {
        margin-bottom: 0.5rem !important;
    }

    .section10-col {
        right: 0px;
        bottom: 0px;
    }

    .footer li,
    .footer p {
        font-size: 0.6rem;
    }

    .sidenav {
        padding-left: 1rem;
        min-width: 90px;
    }

    .sidenav:hover {
        width: 15%;
        min-width: 150px;
    }

    .side-link {
        font-size: 12px;
    }


    .sidenav:hover .side-link {
        visibility: visible;
        opacity: 1;
    }

    .sidenav:hover .sidenav-nav li {
        border-bottom: 1px solid white;
    }

    .side-link:hover {
        color: #F15A22;
    }

    .sidenav-nav {
        top: 15%;
    }

    .sidenav-nav li {
        height: 4rem;
        padding-left: 1rem;
    }

    .side-nav-span {
        padding-right: 2rem;
        padding-bottom: 3rem;
    }

    .scroll-down {
        position: absolute;
        right: 20px;
        bottom: 2.5rem;
        font-size: 12px;
    }

    .footer-ul-media {
        padding-left: 0;
    }

    .media li {
        padding: 5px 5px;
        height: 2rem;
        width: 2rem;
    }

    .media img {
        width: 90%;
    }

    .address {
        line-height: 1.5rem;
    }

    .address span {
        font-size: 1rem;
    }

    .address p {
        font-size: 0.6rem;
    }

    .btn-circular img {
        height: 20px;
        width: 20px;
        /* top: 50%; */
    }

    .light-gray {
        font-size: 2rem;
    }

    /* .section10 {
        height: 32%;
    } */

    .row-footer {
        min-height: 700px;
    }

    #title-gear {
        font-family: 'VTF Redzone Classic-Oblique', sans-serif;
        font-size: 2rem;
    }

    .click-here {
        height: 10%;
    }

}


/*LAPTOP WIDER*/
@media (min-height: 901px) and (max-height: 1100px) {

    .nav-link {
        padding: 0.5rem 0.5rem;
    }

    .content {
        padding: 0;
    }

    .header {
        height: 95vh;
        min-height: 95vh;
    }

    #intro-section {
        min-height: 95vh;
    }

    .main {
        top: 95vh;
        /* height: 9500px; */
        height: 8200px;
        right: 0;
        width: 100%;
    }

    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .text-box {
        margin-top: 20%;
    }

    .click-here {
        /* padding-top: 2rem; */
        padding-left: 50%;
        margin-bottom: 5%;
        height: 10%;
    }

    .section8 {
        padding-top: 3rem;
    }

    /* .section10 {
        height: 52%;
    } */

    .row-footer {
        min-height: 550px;
    }

    .sidenav {
        padding-left: 1.5rem;
    }

    .whitebox-button {
        z-index: 100;
        /* top: 60%; */
    }
}

/*LAPTOP minimize*/
@media (max-width: 1359px) and (min-width: 1280px) {

    /* .section10 {
        height: 25%;
    } */

    .whitebox-button {
        z-index: 100;
    }
}

/*LAPTOP MINI*/
@media (max-width: 1280px) {

    .sidenav:hover {
        width: 20%;
        min-width: 200px;
    }

    .nav-item {
        font-size: 0.7rem;
    }

    .header {
        height: 100vh;
        min-height: 100vh;
    }

    #intro-section {
        min-height: 100vh;
    }

    .main {
        top: 100vh;
        height: 6100px;
        right: 0;
        width: 100%;
    }

    .content {
        height: 6000px;
        padding: 0;
    }

    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    #intro-section {
        background-position: top;
        right: 0;
        width: 100%;
        background-attachment: scroll !important;
    }

    #hero-text {
        font-size: 300%;
        padding-top: 0.8rem !important;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 40%;
    }

    .click-here {
        padding-left: 30%;
    }

    .row h2 {
        font-size: 2rem;
    }

    .row h3 {
        font-size: 1rem;
    }

    .whitebox-button {
        /* top: 60%; */
        z-index: 100;
    }

    .reach {
        font-size: 0.8rem;
        /* height: 70%; */
        /* top: 30%; */
    }

    .text-right,
    .text-left {
        font-size: 12px;
        line-height: 1.5rem;
    }

    .click-here {
        padding-top: 2.5rem;
        padding-left: 40%;
    }

    .section8 {
        padding-top: 3rem;
    }

    .row-footer {
        min-height: 550px;
        z-index: 0;
    }

    /* 
    .section10 {
        height: 28%;
    } */


    .section9 .container-full {
        padding: 0;
    }

    /* .img11 {
        width: 80%;
    } */

}


/*DESKTOP minimize*/
@media only screen and (max-width: 1960px) and (min-width: 1700px) and (min-height:1100px) {

    .header {
        height: 100vh;
        min-height: 100vh;
    }

    #intro-section {
        min-height: 100vh;
    }

    .main {
        top: 100vh;
    }

    /* .click-here {
        padding-top: 2%;
    } */

    .whitebox-button {
        z-index: 100;
    }
}

/*DESKTOP minimize*/
@media only screen and (max-width: 1280px) and (min-height:900px) and (max-height:1400px) {

    .section10 {
        height: 35%;
    }

    .main,
    .content {
        height: 8500px;
    }

    .list .nav-link {
        padding: 0.5rem 0.5rem;
    }

    .footer .nav-link {
        font-size: 0.8rem;
    }

    .sidenav:hover {
        width: 12%;
        min-width: 300px;
    }

    .sidenav {
        padding-left: 1.5rem;
    }

    .whitebox-button {
        z-index: 100;
    }
}

/* @media only screen and (min-width: 1281px) and (min-height:1100px) and (max-height:1400px) {

    .section10 {
        height: 25%;
    }

}

@media only screen and (min-width: 1324px) and (min-height:1100px) and (max-height:1400px) {

    .section10 {
        height: 30%;
    }

}

@media only screen and (min-width: 1587px) and (min-height:1100px) and (max-height:1400px) {

    .section10 {
        height: 35%;
    }

}


@media only screen and (min-width: 1840px) and (min-height:1100px) and (max-height:1400px) {

    .section10 {
        height: 38%;
    }

}

@media only screen and (min-width: 2000px) and (min-height:1100px) and (max-height:1400px) {

    .section10 {
        height: 47%;
    }

} */

@media (max-height:900px) {
    #intro-section-bottom {
        min-height: 100px;
        height: 100px;
    }

    .imagecontainer {
        height: 100px;
        min-height: 100px;
    }

    .image {
        min-height: 100px;
    }
}



/*LAPTOP MINI*/
@media (max-width: 1280px) and (max-height: 600px) {
    .list .nav-link {
        padding: 0.5rem 0.5rem;
    }

    .section10 {
        height: 35%;
    }

    .click-here {
        padding-top: 0;
    }

    /* 
    .blue-box img {
        padding-bottom: 28%;
    } */

    .whitebox-button {
        z-index: 100;
    }
}



/*LAPTOP MINI*/
@media (max-width: 1280px) and (max-height: 900px) {
    /* .section10 {
        height: 35%;
    } */

    .nav-link {
        padding: 0.5rem 0.5rem;
    }

    .whitebox-button {
        z-index: 100;
    }

    .click-here {
        padding-top: 0;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 5%;
    }
}

/*LAPTOP MINI minimize*/
@media (max-width: 1160px) and (min-width: 1025px) {
    .section10 {
        height: 31%;
    }

    .whitebox-button {
        z-index: 100;
    }
}

/*LAPTOP MINI minimize*/
@media (max-width: 1023px) and (min-width: 1025px) {
    .section10 {
        height: 29%;
    }

    .whitebox-button {
        z-index: 100;
    }
}


/* IPAD AIR */
@media only screen and (max-width: 1024px) {
    .section1 .whitebox-button {
        padding-left: 15%;
    }

    .whitebox-button {
        top: -60px;
    }

    .section8 .whitebox-button {
        padding-left: 20%;
    }

    .img10-backdrop,
    .img10 {
        width: 50%;
        height: 100%;
        left: 0;
    }

    .header {
        height: 100vh;
        min-height: 100vh;
    }

    #intro-section {
        min-height: 100vh;
    }

    .main {
        /* top: 94vh; */
        height: 6000px;
        right: 0;
        width: 100%;
    }

    .content {
        height: 6000px;
    }

    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    #intro-section {
        background-position: top;
        right: 0;
        width: 100%;
        background-attachment: scroll !important;
    }

    #hero-text {
        font-size: 400%;
        padding-top: 0.8rem !important;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 40%;
    }

    .click-here {
        padding-left: 30%;
        padding-top: 0;
        margin-bottom: 5%;
        height: 10%;
    }

    .row h2 {
        font-size: 2rem;
    }

    .row h3 {
        font-size: 1rem;
    }

    .whitebox-button {
        /* top: 55%; */
        z-index: 100;
    }

    .text-right,
    .text-left {
        font-size: 12px;
        padding-right: 0;
        line-height: 1.5rem;
    }

    .text-box2,
    .text-box3 {
        padding-top: 55%;
    }

    .text-box2 {
        padding-left: 0;
    }

    .numbers {
        font-size: 2rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }


    .reach {
        font-size: 0.8rem;
        /* height: 70%;
        top: 40%; */
    }

    .btn-circular {
        height: 40px;
        width: 40px;
    }

    /* .title-sections {
        margin-top: 2rem;
    } */

    .section1 {
        height: 12%;
    }

    .section2,
    .section4,
    .section5,
    .section7 {
        height: 280px;
    }

    .img2 {
        background-attachment: scroll !important;
    }

    .img11 {
        height: 100%;
        display: block;
        background-attachment: scroll !important;
        background-size: cover;
        background-position: center top;
    }

    .quote,
    .quote-white {
        font-size: 12px;
    }

    .orange-line-container {
        height: 25%;
    }

    .section3 {
        height: 15%;
    }

    .section6 {
        height: 16%;
    }

    .section8,
    .section9 {
        height: 15%;
    }

    .section9 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .table-column {
        padding: 0 !important;
    }

    .table-column-row1 .blue-box {
        width: 20%;
        height: 35%;
    }

    .blue-box img {
        height: 70%;
    }

    .icon {
        width: 80%;
        padding: 0;
    }

    .btn-circular-orange {
        height: 50px;
        width: 50px;
    }

    .table1 {
        height: 12%;
    }

    .icon .equip-naming {
        font-size: 100%;
    }

    .light-gray {
        font-size: 2rem;
    }

    .footer {
        bottom: 0px;
        left: 0;
        position: absolute;
        margin-left: 0;
        padding-left: 0;
        height: 380px;
        justify-content: center;
    }


    .section10 {
        /* height: 22%; */
        bottom: 378px;
    }

    .section10-col {
        right: 0px;
        bottom: 0px;
    }

    .footer li,
    .footer p {
        font-size: 10px;
    }

    .footer-ul li {
        display: none;
    }

    .address {
        padding-left: 1rem;
    }

    .footer .logo-footer .col-md-5,
    .footer .list .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .sidenav {
        display: none;
        padding-left: 0.5rem;
        overflow: visible;
        width: 17%;
    }

    .side-link {
        font-size: 12px;
    }


    .sidenav .side-link {
        visibility: visible;
        opacity: 1;
    }

    .sidenav-nav {
        top: 20%;
        transition: none;
    }

    .sidenav:hover {
        width: 17%;
    }

    .side-nav-span {
        padding-right: 0;
        padding-bottom: 3rem;
        font-size: 0px;
        visibility: hidden;
    }

    .scroll-down {
        position: absolute;
        right: 15px;
        bottom: 15rem;
        font-size: 12px;
    }

    .scroll-down-left {
        position: absolute;
        left: 15px;
        bottom: 15rem;
        font-size: 12px;
    }

    .scroll-down span,
    .scroll-down-left span {
        padding: 0.5rem;
    }


    .scroll-down-left {
        display: flex;
    }

    .footer-ul-media {
        padding-left: 0;
    }

    .media li {
        padding: 5px 5px;
        height: 2rem;
        width: 2rem;
    }

    .address {
        line-height: 1.5rem;
    }

    .address span {
        font-size: 1rem;
    }

    .address p {
        font-size: 0.6rem;
    }

    .btn-circular img {
        height: 20px;
        width: 20px;
        /* top: 50%; */
    }

    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .content {
        padding: 0;
    }

    .container-full {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: 90%;
        width: 100%;
    }

    .table1 {
        margin-bottom: 5%;
    }

    .playing-equipment {
        padding-top: 5%;
        margin-bottom: 10%;
    }

    .tablet-show-only {
        display: contents;
    }

    #tablet-contact {
        display: block;
    }

    .tablet-hide-only {
        display: none;
    }

    .nav-item {
        text-align: right;
    }

    /* .text-box {
        margin-top: 10%;
    } */

}

/*LAPTOP MINI minimize*/
@media (min-width: 900px) and (max-width: 1024px) {
    .section10 {
        /* height: 30%; */
        bottom: 378px;
    }
}


@media (max-width: 767px) {
    #intro-section-bottom {
        min-height: 100px;
        height: 100px;
    }

    .imagecontainer {
        height: 100px;
        min-height: 100px;
    }

    .image {
        min-height: 100px;
    }
}

/*LAPTOP MINI minimize*/
@media (max-width: 768px) and (max-height: 600px) {
    .text-box {
        margin-right: 0 !important;
        padding-top: 0;
        margin-top: 5%;
    }

    .text-box2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 20% !important;
        margin-top: 0;
        padding-left: 0 !important;
    }

    .img10 {
        top: 0;
    }

    .main,
    .content {
        height: 5300px;
    }

    .section8 {
        padding-top: 0;
    }

    .title-sections {
        margin-bottom: 1rem;
    }

    h1 {
        font-size: 1.5rem;
    }

    .text-right,
    .text-left {
        font-size: 11px;
        line-height: 1.2rem;
    }

    .section3 {
        height: 12%;
    }

    .row h2 {
        font-size: 1.5rem;
    }

    /* .section10 {
        height: 10%;
    } */

    .whitebox-button {
        /* top: 65%; */
        z-index: 100;
    }

    .reach p {
        font-size: 0.6rem;
    }

}


/* LAPTOP MINI MINIMIZE*/
@media (max-width: 1025px) and (max-height: 600px) {
    .whitebox-button {
        /* top: 65%; */
        z-index: 100;
    }

    .reach p {
        font-size: 0.7rem;
    }

    /* .section10 {
        height: 25%;
    } */
}

/*IPAD MINI*/
@media (max-width: 768px) {
    /* .main {
        top: 94vh;
    } */

    .whitebox-button {
        /* top: 55%; */
        z-index: 100;
    }
}

/* LAPTOP MINI MINIMIZE*/
@media (max-width: 768px) and (max-height: 600px) {
    .whitebox-button {
        /* top: 65%; */
        z-index: 100;
    }

    .reach p {
        font-size: 0.6rem;
    }

    /* .section10 {
        height: 17%;
    } */
}



/*MOBILE SMALLER*/
@media only screen and (max-width: 430px) and (min-height: 880px) {
    /* .whitebox-button { */
    /* top: 55%; */
    /* z-index: 100;
    } */

    .main {
        top: 80vh;
    }
}

/*Mobile smaller*/
@media only screen and (max-width: 430px) and (max-height: 800px) {
    .main {
        top: 79vh;
    }
}

/*Mobile smaller*/
@media only screen and (max-width: 430px) and (max-height: 781px) {
    .main {
        top: 79vh;
    }
}

/*Mobile smaller*/
@media only screen and (max-width: 430px) and (max-height: 730px) {
    .main {
        top: 78vh;
    }
}


/*Mobile smaller*/
@media only screen and (max-width: 430px) and (max-height: 640px) {
    .main {
        top: 77vh;
    }
}

/* LAPTOP MINI MINIMIZE*/
@media (max-width: 430px) and (max-height: 600px) {

    .whitebox-button {
        z-index: 100;
    }

    .scroll-down,
    .scroll-down-left {
        display: none;
    }

    .main {
        top: 74vh;
    }
}




/*----------------------------------------------------------------------*/

/*MOBILE*/
@media only screen and (max-width: 575px) {

    /* .section1 .whitebox-button {
        padding-left: 15%;
    } */

    .whitebox-button {
        top: -50px;
    }

    /* .section8 .whitebox-button {
        padding-left: 20%;
    } */

    .support {
        height: 105px;
        width: 100%;
        z-index: 7;
        background-color: white;
        left: 0;
        bottom: 0;
        /* position: relative; */
        position: absolute;
        left: 0px;
        bottom: 0px;
        /* background-image: url(../imgs/ReachTheBottom.png); */
        background-position: right;
        /* background-color: red; */
        background-repeat: no-repeat;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        display: none;
    }

    .header {
        height: 60vh;
    }

    .tablet-show-only,
    #tablet-contact {
        display: none;
    }

    .tablet-hide-only {
        display: block;
    }

    .nav-item {
        text-align: center;
    }

    .main {
        height: 8050px;
        justify-content: flex-start;
    }

    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .px-5 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    #hero-text p {
        font-size: 2rem;
    }

    h2 {
        font-size: 1rem;
    }

    /* 
    .whitebox-button {
        top: 25%;
        width: 65%;
        z-index: 100;
    } */

    .reach {
        font-size: 12px;
        /* top: 35%; */
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        width: 88%;
        pointer-events: none;
    }

    .reach .support {
        display: none;
    }



    #intro-section-bottom {
        justify-content: flex-start;
        height: 85px;
        bottom: 75px;
    }

    .whiteBox {
        width: 70%;
        left: 0;
        justify-content: flex-start;
        pointer-events: none;

    }

    .imagecontainer .support {
        display: none;
    }

    .imagecontainer {
        min-height: 85px;
        width: 30%;
    }

    .imagecontainer .image {
        width: 100%;
        min-height: 85px;
    }

    .main {
        /* top: 80.3vh; */
        top: 90vh;
    }


    .img1-backdrop,
    .img1 {
        width: 90%;
        height: 40%;
        top: 3%;
    }

    .img3-backdrop,
    .img3 {
        width: 90%;
        height: 40%;
        top: 0%;
    }

    .img10-backdrop,
    .img10 {
        width: 90%;
        height: 40%;
        top: 0%;
    }

    .text-box,
    .text-box2 {
        margin-top: 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .text-box2 {
        padding-top: 0;
    }

    .section1 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        height: 17%;
    }

    .section3 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        height: 15%;
    }

    .section6 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        height: 20%;
    }


    .section2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 8%;
    }

    .section4 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 7%;
    }

    .section5 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 10%;
    }

    .section7 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 10%;
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .section8 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 25%;
    }

    .section9 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 20%;
        z-index: 3;
        /* padding-top: 10%; */
    }

    .container-full {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 70%;
    }

    .section10 {
        /* height: 7%; */
        bottom: 380px;
        z-index: 1;
    }

    .playing-equipment {
        padding-bottom: 8%;
        padding-top: 0;
    }

    .quote {
        height: 50%;
    }

    .img2 {
        width: 100%;
        background-position: center top;
        height: 45%;
    }

    .img4 {
        display: none;
    }

    .img5 {
        height: 50%;
    }

    .img8,
    .img9 {
        width: 100%;
        height: 30%;
    }

    .img6,
    .img7 {
        height: 30%;
    }

    .img11 {
        width: 100%;
        height: 30%;
    }

    .img10-backdrop,
    .img10 {
        right: 0;
    }

    .quote-white {
        height: 40%;
    }

    .section4 .quote-white {
        height: 50%;
    }

    .section7 .quote-white {
        width: 100%;
        height: 50%;
    }

    .table1 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        height: 35%;
        margin-bottom: 24px;
    }

    .playing-equipment {
        padding-top: 0%;
        margin-bottom: 0%;
    }


    .table1 .mt-3 {
        margin-top: 0 !important;
    }

    .table-column {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 33%;
    }

    .table-column-row1 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 80%;
    }


    .table-column-row1 .blue-box {
        width: 10%;
        height: 30%;
    }

    .blue-box img {
        top: 10%;
    }

    .icon {
        width: 89%;
        padding: 0;
    }

    .click-here {
        padding-left: 24px;
        padding-top: 12%;
        text-align: center;
    }

    .row h2 {
        font-size: 1.3rem;
        text-align: center;
        margin-bottom: 0;
    }

    .row h3 {
        font-size: 11.8px;
    }

    .text-box3 {
        padding-top: 12%;
        padding-left: 24px;
    }

    .section9 .title-sections {
        display: flex;
        flex-direction: row;
        width: 80%;
    }

    .section9 .title-sections h1:nth-of-type(1) {
        width: 27%;
    }

    .footer {
        padding-right: 0;
    }

    .media {
        padding-left: 0;
        padding-top: 8%;
    }

    .media img {
        width: 75%;
    }

    .address {
        padding-left: 0;
    }

    .scroll-down {
        right: 5px;
        bottom: 27rem;
    }

    .scroll-down-left {
        left: 5px;
        bottom: 27rem;
    }

    .btn-circular {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 60px !important;
        width: 50px !important;
    }

    .btn-circular:hover {
        transform: none;
    }

    .btn-circular img {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute;
        /* top: 50%; */
    }

    /* #intro-section-bottom {
        bottom: 146px;
    } */
    /* 
    .section10 {
        height: 11%;
    } */
}




/*MOBILE SMALLER*/
@media only screen and (max-width: 574px) and (max-height: 812px) {
    .whitebox-button {
        /* top: 61%; */
        z-index: 100;
    }

    #intro-section-bottom {
        bottom: 66px;
    }

}



/*MOBILE LANDSCAPE*/
@media only screen and (max-width: 1000px) and (max-height: 500px) {
    .reach p {
        margin-bottom: 3rem;
        font-size: 0.5rem;
    }

    .btn-circular img {
        right: 50%;
    }
}

@media (min-width: 1960px) {
    #intro-section-bottom {
        min-height: 200px;
        height: 200px;
    }

    .imagecontainer {
        height: 200px;
        min-height: 200px;
    }

    .image {
        min-height: 200px;
    }

    .section10 {
        height: 400px;
    }

    .section10-col {
        background-size: cover;
    }

}

@media (min-width: 3000px) {
    .main {
        height: 10500px;
    }

    .section10 {
        height: 500px;
    }

    .section10-col {
        background-size: cover;
    }

}