/* ================================
   Contato Page Styles
   ================================ */

/* Contato Page Sections */
@import "./contato-hero.css";
@import "./contato-content.css";
@import "./contato-world.css";

/* Footer overlap with gray background for contato page */
.footer-decoration--contato {
    background-color: #f4f4f4;
    /* Mobile SVG ratio: 45/368 = 12.228% */
    margin-top: -12.228%;
}

@media screen and (min-width: 768px) {
    /* Desktop SVG ratio: 69/1440 = 4.792% */
    .footer-decoration--contato {
        margin-top: -4.792%;
    }
}

/* Mobile reorder */
@media (max-width: 768px) {
    .contato-content-wrapper {
        display: flex;
        flex-direction: column;
    }
    
    .contato-info {
        display: contents;
    }
    
    .contato-info-header,
    .contato-description {
        order: 1;
    }
    
    .contato-form-wrapper {
        order: 2;
    }
    
    .contato-locations {
        order: 3;
    }
    
    .contato-hours {
        order: 4;
    }
}