@media only screen and (max-width: 1000px) {
    body{
        font-size: 8px;
    }

    .section-2-1 .row{
        font-size: 200%;
    }
}

@media only screen and (max-height: 500px) {
    .header-nav-box{
        font-size: 150%;
    }
}

@media only screen and (max-width: 600px) {
    body{
        font-size: 6px;
    }
    .section-2 .overlay{
        font-size: 250%;
    }

    #carousel-1 .links-big a {
        margin: 0 2%;
    }
    #carousel-1 .links-big img {
        height: 80px;
    }
}

@media only screen and (max-width: 414px) {
    body{
        font-size: 4px;
    }

    .logo-2-box img{
        max-height: 4.5vh;
    }

    #carousel-1 .links-big img {
        height: 60px;
    }
    #carousel-1 .links-big a {
        margin: 0 1%;
    }
}

@media only screen and (max-width: 360px) {
    body{
        font-size: 3.5px;
    }
}