@media screen and (max-width: 768px) {
    .hamburger_container {
        display: block;
    }
    .hamburger_logo {
        display: flex;
    }
    .main_nav {
        display: none;
    }
    .header {
        height: 60px;
    }
    .footer {
        height: auto;
        padding: 4vw 4vw;
    }
    .footer > p:nth-child(1) {
        font-size: 4vw!important;
    }
    .footer p {
        font-size: 2vw;
        font-weight: 400;
    }
    .footer > p:nth-child(4) {
        margin-top: 20px;
    }
    p {
        font-size: 2.4vw;
    }
    main section h2 {
        font-size: 3.3vw!important;
    }
    main section h3 {
        font-size: 3vw!important;
    }
}