/* @media only screen and (max-width : 1500px){
    .homepage-showcase{
        justify-content: center;
        flex-direction: column-reverse;
    }
    .showcase-img {
        width: 100%;
    }
    .showcase-text {
        width: unset;
        padding: 30px 60px;
    }
    .showcase-text h1{
        margin-top: 0;
    }

}

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

    .homepage-showcase{
        align-items: stretch;
    }
    

    .showcase-img img{
        min-height: 100%;
    }

    .homepage-showcase{
        justify-content: center;
        flex-direction: column-reverse;
    }
    .showcase-img {
        width: 100%;
    }
    .showcase-text {
        width: unset !important;
        padding: 30px 60px !important;
    }
    .showcase-text h1{
        margin-top: 0;
    }

}

@media only screen and (max-width : 1400px){
    .bee-btn{
        padding-left: 30px;
    }

    .homepage-showcase{
        align-items: stretch;
    }

    .showcase-img img{
        min-height: 100%;
    }
}

@media only screen and (max-width : 1300px){
    .nav-col{
        flex-direction: column;
        align-items: end;
    }
    .hdr-nav-wrapper{
        align-items: flex-end;
        padding: 10px 60px; 
    }
    .bee-btn{
        padding-bottom: 20px;
    }
}

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


    .page-560 .image-outer-wrapper {
        max-width: 100%;
    }


    
    .year-row-wrapper .width-wrapper .year-row{
        flex-direction: column;
        align-items: center;
        padding: 60px 0;
    }
    .year-wrapper{
        max-width: 100%;
        padding: 60px 0 0;
        width: 400px;
    }
    .year-row-wrapper .years-background{
        display: none;
    }

}

@media only screen and (max-width : 1200px){
    .intro-wrapper {
        align-items: flex-start;
        flex-direction: column;
    }
    .intro-image {
        width: 100%;
    }
    .intro-text {
        width: 100%;
        padding: 0
    }
    .logo-col img {
        width: 100%;
        max-width: 180px;
        position: initial;
        top: 30px;
    }

    .main-container{
        padding-top: 20px;
    }

}

@media only screen and (max-width : 1000px){
    .level-0{
        display: none;
    }
    .mobile-nav{
        display: block !important;
    }

    footer .width-wrapper {
        flex-direction: column;
    }
    .ftr-contact-info {
        width: 100%;
    }
    .ftr-nav-wrapper {
        width: 100%;
    }
    .ftr-nav{
        padding: 0;
    }

    .button-style{
        font-size: 17px !important;
        padding: 15px !important;
    }

    .page-560 .about-section-wrapper .about-row-wrapper {
        flex-direction: column;
    }
    .page-560 .about-section-wrapper .about-row-wrapper .row-text{
        width: 100%;
        padding: 0;
    }
    .page-560 .about-section-wrapper .about-row-wrapper .row-image{
        max-width: 100%;
        margin-top: 20px;
    }
    .page-2003 .career-section-wrapper .career-row-wrapper {
        flex-direction: column;
    }
    .page-2003 .career-section-wrapper .career-row-wrapper .row-text{
        width: 100%;
        padding: 0;
    }
    .page-2003 .career-section-wrapper .career-row-wrapper .row-image{
        max-width: 100%;
        margin-top: 20px;
    }




}


@media only screen and (max-width : 1000px){
    #form2-form{
        padding-left: 0;
    }

} 


@media only screen and (max-width : 500px){
    .width-wrapper{
        padding: 0 30px;
    }
    .main-container{
        padding: 30px;
    }


    .page-3 .intro-wrapper{
        padding-top: 30px
    }

    .page-3 .main-container{
        padding: 0;
    }

    .showcase-text{
        padding: 30px 30px;
    }
    .showcase-text .showcase-btn-wrapper {
        flex-direction: column;
    }
    .showcase-btn-wrapper .button-style{
        margin: 5px 0
    }
    .logo-col{
        max-width: 33%;
        padding: 10px 0;
    }
    .hdr-nav-wrapper{
        min-height: 100%;
    }
    .nav-col .button-style{
        font-size: 13px !important;
    }
    .top-bar-btns a{
        margin-left: 0;
    }
    .top-bar{
        text-align: left;
    }

}

@media only screen and (max-width : 380px){
    .top-bar a{
        font-size: 14px !important;
    }
} */