﻿.contenuti .path {display: none}
.contenuti .icon-wrapper {width: 100%; max-width: 1.5rem; margin: 0 auto}

#maps-wrapper {width: 100%; height: 15rem; margin: 2rem auto}
#maps-wrapper iframe {width:100%; height: 100%}

#address-wrapper {padding: 0 1rem; text-align: left;}

#legal-info-contact-wrapper {display: inline-block; background-color: #ddd; margin:0 auto 2rem; padding: 2rem; border-radius: 0; width: 290px}
#legal-info-contact-wrapper .line-wrapper {display: block; margin-top: 1.5rem}
#legal-info-contact-wrapper .line-wrapper:first-of-type {margin-top: 0}
#legal-info-contact-wrapper .text-wrapper {font-weight: 700; margin-top: 0.5rem}

.ufficio-wrapper {margin: 3.5rem auto}
.line-wrapper {padding: 0.25rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.title-ufficio .icon-wrapper {max-width: 350px}
.line-wrapper .icon-wrapper {width: 25px; margin: 0 }
.line-wrapper .text-wrapper {margin-left: 5px}

#social-all-wrapper {padding: 1rem; background-color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3rem}
#social-all-wrapper:hover {background-color: black}
#social-all-wrapper .social-wrapper {margin: 0rem}
#social-all-wrapper .icon-wrapper {max-width: 3rem}
#social-all-wrapper .icon-wrapper img {height: 3rem}
#social-all-wrapper .social-text {margin-top: 0.2rem; display: none}
#social-all-wrapper .social-text a {color: #fff}

#safein-section {margin: 3rem auto; padding: 0 1rem}
#safein-section .icon-wrapper {max-width: 12rem}
#safein-section h3 {margin: 0.75rem auto 0.5rem}
#safein-section p {margin: 0.5rem auto}
#safein-section .button {display: inline-block; background-color: #005ca9; padding: 1rem; border-radius: 0.5rem; color: #fff; display: inline-block; margin-top:0.5rem}
#safein-section .button:hover {background-color: #333}
#safein-section a {color: #fff}
#safein-section .line-wrapper a {color: #666}
#safein-section .line-wrapper .icon-wrapper {max-width: 2rem}

/* Responsive */
@media only screen and (min-width: 350px) {
    /* maps */
    #maps-wrapper {height: 20rem;} 
}

@media only screen and (min-width: 500px) {
    /* social */
    #social-all-wrapper .icon-wrapper {max-width: 4rem}
    #social-all-wrapper .icon-wrapper img {height: 4rem}

    /* legal info */
    #legal-info-contact-wrapper .line-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.5rem}
    #legal-info-contact-wrapper .line-wrapper:first-of-type {margin-top: 0}
    #legal-info-contact-wrapper .text-wrapper {margin-top: 0}
}

@media only screen and (min-width: 750px) {
    /* maps */
    #maps-wrapper {max-width: 40rem; height: 25rem;}
    #maps-wrapper iframe {border-radius: 0px; border: 1px solid #999 !important}

    /* uffici */
    #contact-info-all-wrapper {padding: 0 7rem; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2rem 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto 4rem auto 4rem auto; grid-template-rows: auto auto auto; grid-column-gap: 2rem; grid-row-gap: 4rem; margin: 5rem auto}
    #contact-info-all-wrapper > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1}
    #contact-info-all-wrapper > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3}
    #contact-info-all-wrapper > *:nth-child(3) {-ms-grid-row: 3;-ms-grid-column: 1}
    #contact-info-all-wrapper > *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 3}
    #contact-info-all-wrapper > *:nth-child(5) {-ms-grid-row: 5;-ms-grid-column: 1}
    #contact-info-all-wrapper > *:nth-child(6) {-ms-grid-row: 5;-ms-grid-column: 3}
    .ufficio-wrapper {margin: 0 auto}

    /* social */
    #social-all-wrapper {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    #social-all-wrapper .social-wrapper {margin: 0 2rem}
    #social-all-wrapper .social-text {display: block}

    /* safein */
    #safein-section .line-wrapper {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
    #safein-section .line-wrapper:nth-of-type(2) {margin: 0 3rem}
}

@media only screen and (min-width: 900px) {
    /* uffici */
    #contact-info-all-wrapper {padding: 0; max-width: 50rem; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto 4rem auto; grid-template-rows: auto auto; grid-column-gap: 3rem; grid-row-gap: 4rem;}
    #contact-info-all-wrapper > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
    #contact-info-all-wrapper > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
    #contact-info-all-wrapper > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
    #contact-info-all-wrapper > *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 1;}
    #contact-info-all-wrapper > *:nth-child(5) {-ms-grid-row: 3;-ms-grid-column: 3;}
    #contact-info-all-wrapper > *:nth-child(6) {-ms-grid-row: 3;-ms-grid-column: 5;}
}