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

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

@media only screen and (max-width: 768px) {
    .container {
        padding: 0 2rem;
    }

    .nav {
        align-items: center;
    }

    .hamburger {
        display: flex;
    }

    .nav .nav-links,
    .nav .right {
        display: none;
    }

    #more-info .content {
        flex-wrap: wrap;
    }

    footer #bottom .lower-part {
        flex-direction: column;
        gap: 1rem;
    }

    footer #bottom .lower-part .socmed-links {
        margin-right: 0;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 600px) {
    .hero {
        background-size: cover;
        background-position: center;
    }

    .container {
        padding: 0 1rem;
    }


    .hero-text h1 {
        font-size: 1.5rem;
    }

    .year-label {
        display: none;
    }

    #courses #learn {
        margin-left: 2rem;
    }    

    #structure .carousel .arrow-left, #structure .carousel .arrow-right {
        display: none;
    }

    .years .line {
        margin: 0 .7rem;
    }

    .profile .profile-container img {
        display: none;
    }

    .profile .content {
        width: 100%;
        padding: 1rem;
    }

    .purple-block {
        width: 15%;
    }
    
    .year-planning-nav {
        padding-left: 1.5rem;
    }

    #contact .content {
        flex-direction: column;
    }

    footer #top .container {
        flex-direction: column;
    }

    .two-columns {
        flex-direction: column;
    }

    .two-columns .form-group {
        width: 100%;
    }
}