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

    .sec3Text{
        width: 95%;
    }

    .headerMenu{
        display: none;
    }

    .headerLeft{
        width: 50%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;    
    }

    .headerRight{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .burger{
        display: block;
        width: 37px;
        height: 30px;
    }

    .lines{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .line{
        width: 35px;
        height: 2px;
        background-color: black;
        position: absolute;
        transition: .2s;
    }

    .line1{
        transform: translateY(-7px);
    }

    .line3{
        transform: translateY(7px);
    }

    .line1Change{
        transform:translateY(0px) rotate(45deg);
    }

    .line2Change{
        width: 0;
    }

    .line3Change{
        transform:translateY(0px) rotate(-45deg);
    }

    .dropdown{
        width: 100%;
        height: 0px;
        z-index: 150;
        position: absolute;
        top: 8vh;
        left: 0;
        background-color: #EEEAE1;
        /* transform: translateX(-100%); */
        transition: .3s;
        overflow: hidden;
    }

    .dropdownChange{
        height: 100px;
        /* transform: translateX(0); */
    }

    .dropdownLists{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .sec2Text{
        width: 95%;
    }
}