@media (min-width: 360px) {

    .collapsed {
        height: 1775px;
    }

    .thumbnails h2 {
        font-size: 1.9375rem;
        line-height: 36px;
    }

    .thumbnails h2 span.cap-letter {
        font-size: 2.25rem;
    }

    #error .error-page h1 {
        font-size: 1.9375rem;
    }
    
    #homepage .jumbotron {
        background-image: url('../images/mobile-375.jpg');
        height: 570px;
    }

    #homepage .jumbotron h1 {
        font-size: 16px;
    }

    #homepage .info .info-details .details-content .opening h2 {
        font-size: 1.3125rem;
    }

    #homepage .info .info-details .details-content .opening h2 span.cap-letter {
        font-size: 1.5rem;
    }

    #homepage .info .info-details .details-content .contact p {
        font-size: 1rem;
    }
    
}

@media (min-width: 375px) {

    .collapsible {
        height: 360px;
    }

    .collapsed {
        height: 1710px;
    }

    #error .error-page h1 {
        font-size: 2rem;
    }

    #homepage .jumbotron {
        height: 597px;
    }
    
}

@media (min-width: 390px) {

    .collapsed {
        height: 1655px;
    }

    #error .error-page h1 {
        font-size: 2.125rem;
    }

    #homepage .jumbotron {
        background-image: url('../images/mobile-428.jpg');
        height: 780px;
    }

    #homepage .info .info-details .details-content .opening h2 {
        font-size: 1.5rem;
    }

    #homepage .info .info-details .details-content .opening h2 span.cap-letter {
        font-size: 1.625rem;
    }
    
}

@media (min-width: 414px) {

    .collapsible {
        height: 337px;
    }

    .collapsed {
        height: 1525px;
    }

    #error .error-page h1 {
        font-size: 2.25rem;
    }

    #homepage .jumbotron {
        height: 827px;
    }

    #homepage .info .info-details .details-content {
        max-width: 414px;
        margin: auto;
    }

    #homepage .info .info-details .details-content .opening h2 {
        font-size: 1.625rem;
    }

    #homepage .info .info-details .details-content .opening h2 span.cap-letter {
        font-size: 1.75rem;
    }
    *
    #services .description .description-service .gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

}

@media (min-width: 768px) {

    .padding-x {
        --padding-x: 0;
    }

    .main-container {
        width: 640px;
    }

    .form {
        width: 516px;
        margin: auto;
    }

    .collapsible {
        height: 240px;
    }

    .collapsed {
        height: 1000px;
    }

    header .nav-menu-mobile {
        display: none;
    }

    header .nav-menu {
        display: flex;
    }

    #homepage .jumbotron {
        background-image: url('../images/tablet-640.jpg');
    }

    #homepage .jumbotron {
        height: 896px;
    }

    #homepage .jumbotron svg.logo-meloha {
        width: 295px;
    }

    #homepage .welcome p {
        width: 50%;
        margin: auto;
    }

    #homepage .info .map .mobile {
        display: none;
    }

    #homepage .info .map .desktop {
        display: block;
    }
    
    #services .description .description-service .gallery img {
        width: 300px;
    }

}

@media (min-width: 992px) {

    .main-container {
        width: 820px;
    }

}

@media (min-width: 1024px) {

    .main-container {
        width: 820px;
    }

    #homepage .jumbotron svg.logo-meloha {
        width: 400px;
    }

    #homepage .jumbotron h1 {
        font-size: 24px;
    }

}

@media (min-width: 1200px) {

    .padding-y {
        --padding-y: 80px;
    }

    footer .footer-nav {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    footer svg.logo-meloha {
        margin-bottom: 3rem;
    }

    footer .footer-nav .menu-link, footer .footer-nav .menu-social {
        margin-bottom: 0;
    }

    .main-container {
        width: 960px;
    }

    section.form-contact .main-container {
        display: flex;
        justify-content: space-between;
    }

    section.form-contact .text {
        width: 375px;
    }

    section.form-contact .form {
        margin: 0;
    }

    .collapsible {
        height: 100%;
    }

    #homepage .jumbotron {
        background-image: url('../images/desktop-1720.jpg');
        height: 660px;
    }

    #homepage .about .read-more {
        display: none;
    }
    
    #homepage .info .info-details {
        max-width: 414px;
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }

    #homepage .info .main-container {
        display: flex;
    }

    #homepage .info iframe {
        width: 548px;
        height: 561px;
    }

    #homepage .partnership .partner-info {
        display: flex;
    }

    #homepage .partnership .partner-info img {
        width: 230px;
        margin-right: 1.25rem;
    }

    #homepage .partnership .partner-info .intro {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    #homepage .partnership .partner-info p {
        font-size: 1.1875rem;
    }

    #homepage .partnership .partner-info .partner-contact {
        margin-top: 0;
        justify-content: center;
    }

    #homepage .partnership .partner-info .partner-contact a:nth-child(2) {
        margin: 0 3.125rem;
    }
    
    #services .description .description-service .gallery img {
        width: 360px;
    }

    .prices .service-name .service-price {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .prices .service-name .service-price .service-for {
        width: 45%;
    }

    #error {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #maintenance .maintenance-page h1 {
        margin-bottom: 122px;
        margin-top: 122px;
    }
    
}

@media (min-width: 1360px) {
    
    #homepage .jumbotron {
        height: 745px;
    }
    
}

@media (min-width: 1440px) {

    .main-container {
        width: 1200px;
    }

    section.form-contact .text {
        width: 390px;
    }

    #homepage .jumbotron {
        height: 789px;
    }

    #homepage .info iframe {
        width: 786px;
    }
    
}

@media (min-width: 1720px) {

    #homepage .jumbotron {
        width: 1720px;
        height: 940px;
        margin: auto;
    }

}

@media (min-width: 1920px) {

    h1 {
        font-size: 3.25rem;
        line-height: 60px;
    }

    h1 span.cap-letter {
        font-size: 3.75rem;
    }

    section.form-contact .text {
        width: 440px;
    }

}