/* contact.less */
/* requires layout-basic.css */

div.main::before {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 25%), url(../images/contact.jpg), #000;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section#contact-us ul.offices {
    list-style-type: none;
    padding: 0;   
}
section#contact-us ul.offices li::before {
    content: "";
    display: block;
    width: 100%;
    height: 50vh;
}
@media (min-width: 768px) {
    section#contact-us ul.offices {
	min-height: 250px;
	padding-left: 300px;
    }
    section#contact-us ul.offices li::before {
	float: left;
	margin-left: -300px;
	height: 250px;
	width: 250px;
    }
}

section#contact-us ul.offices li#nz-office::before {
    background: url(../images/nz-flag.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
section#contact-us ul.offices li#au-office::before {
    background: url(../images/au-flag.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
section#contact-us ul.offices li#us-office::before {
    background: url(../images/us-flag.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section#contact-us ul.offices li h5 {
    margin-bottom: 0px;
    margin-top: 20px;
}
section#contact-us ul.offices li dl {
    overflow: auto;
    padding-left: 100px;
}
section#contact-us ul.offices li dl dt {
    clear: left;
    float: left;
    line-height: 20px;
    margin-left: -100px;
    margin-top: 10px;
}
section#contact-us ul.offices li dl dd {
    float: left;
    line-height: 20px;
    margin-top: 10px;
}