/*SVG hexagons only*/
@media only screen and (min-width: 750px) and (max-width: 1300px){
    #louse1{
        top:-7%;
        transform:translate(-50%,-50%);
    }

    .about-section5{
        display:inline-block;
        position:relative;
        width:750px;
        max-width:none;
        margin: 3% auto;
        text-align: center;
        height:800px;
        margin-top:10%;
    }
    .about-section5-myths{
        transform:translateY(-160%);
    }
    .about-section5 svg {
        transform: translateX(11px);
    }
    #svg-hex5{left:0px;top: 398px;}
    #svg-hex6{left: 444px;top: 398px;}
    #svg-hex7{left:223px;top:525px;}

    .popup-wrapper{
        left:20vw;width:60vw;top:30vh;
    }

    /*footer section*/
    .footer-section {
        justify-content: space-around;   
    }
}

/*When section wrappers become < 1040px (max-width:90%, so at 1155 window width)*/
@media only screen and (max-width: 1155px){
    .mobile-header{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width:100%;
    }
    .mobile-header > .logo-wrapper{
        width:40%;height:auto;
        padding:1%;
    }
    .mobile-header > div{
        margin-right:20px;
    }
    .top-menu-items{
        display:none;
    }

    #sandwitch-menu > div > a{
        color:black;
        text-decoration: none;
    }
    #sandwitch-menu > div > a.selected{
        color:white;
    }

    /*sandwitch menu*/
    #sandwitch-menu{
        display:flex;
        flex-direction: column;
        justify-content: center;
        position:fixed;
        top:0;left:0;
        width:100%;height:100%;
        background:#fc671a;
        z-index:5000;
        text-align: center;
        padding: 15% 0;
        box-sizing: border-box;
    }
    #sandwitch-menu > div:not(.close-btn){
        position: relative;
        display:flex;
        width:30% !important;
        margin-left: 35% !important;
        height: 16.66%;
        width:100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        font-family: montserrat-bold;
        font-size: 3.5vw;
    }
    .close-btn{
        position: fixed;
        width: 7%;
        height: 7%;
        top:3%;right:6%;
        text-align: center;
        cursor:pointer;
        font-family: montserrat-bold;
        font-size:32px;
        color:#555555;
    }
    .close-btn > img{
        width:100%;height:auto;
    }
    .sandwitch-menu-btn{
        cursor:pointer;
    }
    .sandwitch-menu-btn > img{
        height: 30px;
    }

    /*Info section 2*/
    .info-section2-item{
        width:90%;
        margin: 3% 5%;
    }
    .info-section2 h2, .info-section2 h3, .info-section2-item > p{
        min-height:0;
    }
    .info-section2-item > a > p {
        padding: 2% 6%;
    }

    /*Second About section (monkey photo) and text fix*/
    .about-section2-row{
        display:block;
    }
    .about-section2-image{
        max-width:none;
        margin-bottom:0;
        border-top-left-radius: 7px; border-bottom-left-radius: 0;
        border-top-right-radius: 7px;
        width:100%;height:auto;
    }
    .about-section2-text{
        border-top-right-radius: 0; border-bottom-left-radius: 7px;
        margin-top: -6px;
    }
    /*Fourth about section*/
    .about-section4-item{
        width:90%;
    }
    .about-section4-inner-text, .about-section4 h2, .about-section4 h3, .about-section4-inner-text.second-copy{
        min-height: 0;
    }

    /*Blog Listing section photo and text fix etc.*/
    .blogs-list-row{
        display:block;
    }
    .blogs-list-image{
        max-width:none;
        margin-bottom:0;
        border-top-left-radius: 7px; border-bottom-left-radius: 0;
        border-top-right-radius: 7px;
        width:100%;height:auto;
        min-height: 24vh;
        width:100%;
    }
    .blogs-list-text{
        border-top-right-radius: 0; border-bottom-left-radius: 7px;
        margin-top: -6px;
        width:100%;
    }
    /*Individual blog section photo and text fix etc.*/
    .blog-image-row{
        display:block;
    }
    .blog-image-image{
        max-width:none;
        margin-bottom:0;
        border-top-left-radius: 7px; border-bottom-left-radius: 0;
        border-top-right-radius: 7px;
        width:100%;height:auto;
    }
    .blog-image-text{
        border-top-right-radius: 0; border-bottom-left-radius: 7px;
        margin-top: -6px;
    }

    .blog-table td, .blog-table th{
        word-break:break-all;
    }
}

/*Exclusive medium*/
@media only screen and (min-width: 850px) and (max-width: 1040px){
    .info-section1-image{
        width:40% !important;
    }
    .top-menu-items{
        margin-right:5%;
    }
    .top-menu-items > div{
        margin:0 2%;
    }


}