.resp-footer {
    display: none;
}

.header-info-resp {
    display: none;
}

.carousel {
    width: 50%;
}

@media only screen and (max-width: 80em) {
    .navbar, .header {
        width: auto;
    }
    
    .breadcrumb-nav-ol {
        width: auto;
    }
}

@media only screen and (max-width: 70em) {
    .jumbotron h1 {
        font-size: 3em;
    }
    .header-info-normal {
        display: none;
    }
    .header-info-resp {
        display: block;
    }
}

@media only screen and (max-width: 49em) {
    .jumbotron h1 {
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 42em) {
    .normal-footer {
        display: none;
    }
    .resp-footer {
        display: block;
    }
}

@media only screen and (max-width: 28em) {
    .jumbotron h1 {
        font-size: 1.5em;
    }
    
    .header img {
        width: 10em;
        height: auto;
    }
    
    #startimg {
        height: 20em;
    }
    
    .carousel {
        width: 100%;
    }
}