@media only screen and (max-width : 1250px) {
}

@media only screen and (max-width : 992px) {
    
    .sm-space { margin-top: 10px; }
     #about-layouts-maps .sm-space p { border-top: 0 !important;  }
     
}

@media only screen and (max-width : 768px) {
    
    .under { height: 50vh; }
    .wrapper { margin-bottom: 50vh; }
    
    footer a { display: inline; }
    footer .bottom img { padding-bottom: 8px; }
    
    .hero-image {
        max-width: 110%;
        padding-bottom: 5px;
    }
    
    .illustration2 {
        max-width: 80%;
        padding-top: 60px;
    }
    
    #about-ideal img {
        float: right; 
        margin: unset;
        max-width: 80%;
        padding-top: 60px;
        margin-bottom: -20px;
    }
    
    .illustration3 {
        max-width: none;
        padding-top: unset;
        padding-right: unset;
    }
    
    .quinzespace {
        height: 15px;
    }
    
    #about-ideal h3 {
        font-family: 'EB Garamond', 'Times New Roman', Times, serif;
          font-weight: 400;
          font-style: italic;
          font-size: 1rem;
          line-height: 1.4375rem;
          letter-spacing: 0.019rem;
    }
    
    .illustration-services {
        max-width: 70%;
        padding-top: 50px;
        padding-left: unset;
        padding-bottom: 10px;
    }
    
    
    #about-layouts img {
        float: none;
        margin: unset;
        float: right;
        max-width: 60%;
        padding-top: 60px;
    }
    .illustration5 {
        max-width: none;
        padding-right: unset;
        padding-top: unset;
    }
    
    #about-ideal ul .title {
        padding: 2px 0 15px;
    }
    
    .hero { padding: 0; }
    .home-grid-container { display: block; padding: 10px 15px 15px; } 
    .home-grid-container .image-wrapper { margin-top: 15px; }
    .nested-grid { gap: 0; }
    
    #about-intro { padding: 15px 0 0; }
    #about-intro h2 { padding-bottom: 15px; }
    #about-intro .three-items { padding-top: 0; }
        
    #about-ideal ul .title { margin-top: 35px; padding: 2px 0 18px; }
    .home-grid-container.second { margin-top: 0; }
    
    #about-layouts h2 {
        margin-top: -5px;
    }
    
    h2, .xxl { font-size: 30px; line-height: 30px; }
    
    #about-layouts-maps p { margin-top: 10px; border-top: 0; }
    #about-layouts-maps p.first { border-top: 0.4px solid color(srgb 0 0 0 / 0.5) !important; }
    
    .image-wrapper.map img {
        padding: 50px !important;
        object-fit: contain !important;
    }
    
    #about-intro .three-items p.first { border-top: 0.4px solid color(srgb 0 0 0 / 0.5) !important; }
    #about-intro .three-items p { border-top: 0; margin-top: 10px; }
    
    #about-ideal h2 { margin-top: 10px; }

    .image-wrapper.horizontal,
    .image-wrapper.vertical { aspect-ratio: 1 / 1 }
    
    footer .bottom,
    .align-right { text-align: center; }
}
 
@media only screen and (max-width : 580px) {
}