* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

@font-face {
    font-family: "Comfortaa-Regular";
    src: url("../Comfortaa/Comfortaa-Regular.ttf");
    /* src: url("Comfortaa/Comfortaa-Light.ttf"); */
}
h1 {
    font-family: "Comfortaa-Regular";
}
p {
    font-family: "Comfortaa-Regular";
}
.nav-item {
    padding-left: 150px;
}

#navbar-menu {
    margin-left: 20%;
}

.navbar-nav {
    margin: 0% 35% 0% 35%;
    color: #D96728;
}

/* Footer */
#footerCarousel {
    text-align: center;
    padding: 2% 0% 10% 0%;
}

#footerCarousel h1 {
    padding: 3% 0% 5% 0%;
}

@font-face {
    font-family: "Comfortaa-Light";
    src: url("../Comfortaa/Comfortaa-Light.ttf");
}
#footerCarousel h2{
    font-family: "Comfortaa-Light";
    font-size: 20px;
    margin-top: 5%;
}
#footerCarousel a {
    text-decoration: none;
    color: black;
}
#footer2Carousel a {
    text-decoration: none;
    color: black;
}

/*Responsive*/
@media screen and (max-width: 1400px) {
    .nav-item {
        padding-left: 150px;
    }
    
    #navbar-menu {
        margin-left: 17%;
    }
}

@media screen and (max-width: 1270px) {
    .nav-item {
        padding-left: 150px;
    }
    
    #navbar-menu {
        margin-left: 14%;
    }
}

@media screen and (max-width: 1168px) {
    .nav-item {
        padding-left: 150px;
    }
    
    #navbar-menu {
        margin-left: 10%;
    }
}

@media screen and (max-width: 1056px) {
    .nav-item {
        padding-left: 150px;
    }
    
    #navbar-menu {
        margin-left: 6%;
    }
}

@media screen and (max-width: 1015px) {
    .nav-item {
        padding-left: 150px;
    }
    
    #navbar-menu {
        margin-left: 3%;
    }
}

@media screen and (max-width: 992px) {
    #navbar-menu {
        margin-left: -15%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 365%;
    }

    #footerCarousel #footerlogo {
        width: 70px;
        height: 65px;
        margin-top: 2%;
    }

    #footerCarousel h2 {
        font-size: 15px;
    }
}

@media screen and (max-width: 960px) {
    #navbar-menu {
        margin-left: -15%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 353%;
    }
}

@media screen and (max-width: 900px) {
    #navbar-menu {
        margin-left: -15%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 332%;
    }
}

@media screen and (max-width: 840px) {
    #navbar-menu {
        margin-left: -15%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 312%;
    }
}

@media screen and (max-width: 780px) {
    #navbar-menu {
        margin-left: -15%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 290%;
    }
}

@media screen and (max-width: 715px) {
    #navbar-menu {
        margin-left: -15%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 270%;
    }
}

@media screen and (max-width: 660px) {
    #navbar-menu {
        margin-left: -25%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 220%;
    }
}

@media screen and (max-width: 590px) {
    #navbar-menu {
        margin-left: -25%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 197%;
    }
}

@media screen and (max-width: 525px) {
    #navbar-menu {
        margin-left: -30%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 165%;
    }
}

@media screen and (max-width: 480px) {
    #navbar-menu {
        margin-left: -26%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 160%;
    }
}

@media screen and (max-width: 460px) {
    #navbar-menu {
        margin-left: -26%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 150%;
    }
}

@media screen and (max-width: 427px) {
    .footerData {
        width: 150px;
        margin-left: 33%;
    }

    #footerCarousel h2 {
        margin-top: 25%;
        text-align: center;
    }
}

@media screen and (max-width: 415px) {
    #navbar-menu {
        margin-left: -40%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 115%;
    }
}

@media screen and (max-width: 412px) {
    #navbar-menu {
        margin-left: -35%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 120%;
    }
}

@media screen and (max-width: 363px) {
    #navbar-menu {
        margin-left: -45%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 92%;
    }
}

@media screen and (max-width: 350px) {
    #navbar-menu {
        margin-left: -45%;
        text-align: center;
    }

    #btnNavbar {
        margin-left: 90%;
    }
}