quatuorbellefeuille.com

contact.css (1297B)

---

 main h1 {
     color: #377d1f;
 }
 
 #contact-us dd {
     margin-left: 0;
 }
 
 #partners ul {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     padding-left: 0;
 }
 #partners ul li {
     list-style: none;
     padding: 0 2em;
 }
 
 @media (min-width: 50em) {
     main {
         display: grid;
         grid-template-columns: 1fr 1fr;
     }
 
     main h1 {
         margin-top: 0;
     }
 
     #contact-us {
         border-right: solid 1px #e05a00;
         /* Try to set this so that border does not go too far below photo. */
         height: 28em;
         padding-right: 1em;
     }
     #partners {
         padding-left: 3em;
     }
 
     #contact-us dl:not(:first) {
         margin-top: 0.2em;
     }
     #contact-us dl:not(:last) {
         margin-bottom: 0.2em;
     }
     #contact-us dt, #contact-us dd {
         display: inline;
     }
 
     #contact-us figure {
         margin-left: 0;
         max-width: 80%;
     }
 
     #contact-us figure img {
         max-width: 100%;
     }
 
     #partners ul {
         margin-top: 3em;
     }
 }
 
 @media not all and (min-width: 50em) {
     main dl, main ul {
         text-align: center;
     }
 
     #contact-us figure {
         margin: auto;
         max-width: 80%:
     }
 
     #contact-us figure img {
         max-width: 100%;
     }
 }