@media(max-width: 1060px) {
    .mainHeader {
        font-size: 50px;
    }
    #subHeader {
        font-size: 30px;
    }
    .carousel-container {
        padding-top: 30px;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 30px;
    }
}

@media(max-width: 550px) {
    .mainHeader {
        font-size: 33px;
    }
    #subHeader {
        font-size: 20px;
    }
    #logo {
        width: 100px;
        height: 100px;
    }
    .nav-link {
        font-size: 20px;
    }
    .fa-home {
        font-size: 20px;
    }
    .footer-text {
        font-size: 14px;
    }
    .footer-text-big {
        font-size: 20px;
    }
}