@media screen and (max-width:1164px){
    #hamburger{
        display:initial;
    }
    nav .links ul, button{
        display: none;
    }
    nav{
        padding: 0 40px 0 40px;
    }
    header{
        display: block;
        flex-basis: none;
        height: 75vh;
    }
    header .col1{
        padding: 100px 0 0 0;
        text-align: center;
        top: 40rem;
    }
    header .col1 h1{
        width: 100%;
        line-height: 100%;
        font-size: 500%;
    }
    header .col1 p{
        font-size: 15px;
    }
    header .col1 button{
        top: 0;
    }
    header .col2{
        border: 2px solid green;
        z-index: -1;
        margin-top: -32rem;
    }
    header .col2 .rightwave{
        display: none;
    }
    header .col2 .introimage{
        margin-top: 0;
        width: 100%;
    }


    section.sec1{
        text-align: center;
    }
    section.sec1 h1{
        font-size: 70px;
    }
    section.sec1 .col{
        width: 100%;
    }
}