/* about common */
.about-header-box { position: relative; top: 76px; margin-top: 68px; padding-top: 10px; text-align: center; color: #fff; line-height: 30px; background-color: rgba(0,0,0,0.8); }
.about-header-box h1 { display: inline-block; font-size: 48px; padding: 0 10px; border-bottom: 2px solid #fff; }
.about-header-box p { font-size: 24px; padding: 30px 20px; }


/* about modlar */
.about ~ footer { margin-top: 0 !important; }
.about-modlar-intro { background: url('https://cdn.modlar.com/img/about-modlar/about_modlar_5977fcfabdba3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 103px 0 126px; }
.about-modlar-intro-box { position: relative; text-align: center; color: #fff; background-color: rgba(255,255,255,0.8); }
.about-modlar-intro-box p { font-size: 36px; padding: 46px 0; margin-bottom: 0; color: #1e1d1d; line-height: 1.31; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
.about-modlar { padding: 85px 0; font-size: 16px; line-height: 1.69; }
.about-modlar h1, .about-modlar h2 { color: #e74c3c; font-size: 36px; margin-top: 0; margin-bottom: 25px; }
.about-modlar h2 { margin-bottom: 16px; }
.about-modlar p { margin: 28px 0 0; }
.about-modlar .about-modlar-desc p { text-align: justify; }
.about-modlar .modlar-by-numbers { margin-top: 48px; }
.about-modlar .modlar-by-numbers p { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 14px; margin-top: 20px; padding: 0 18px; }
.about-modlar .modlar-by-numbers p > span { color: #e74c3c; }
.about-modlar .modlar-by-numbers img { margin: 0 auto; }
.about-modlar-offices { height: 420px; background: url('https://cdn.modlar.com/img/about-modlar/about_modlar_offices_5979326063b66.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.about-modlar-offices:after { content: "Modlar's San Francisco & NZ offices"; position: absolute; background-color: #000000; margin-top: 36px; right: 0; text-align: center; line-height: 1.93; font-size: 14px; color: #fff; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; padding: 0 10px 0 13px; }


/* careers at modlar */
.about-careers { background: url('https://cdn.modlar.com/img/about-modlar/careers.jpg') no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.about-careers-vacancies { margin: 100px 0 0; font-size: 20px; line-height: 30px; }
.about-careers-vacancies p { margin: 20px 0 0; }
.about-careers-vacancies blockquote { font-size: 20px; border-left: 14px solid #d8d8d8; }
.about-careers-vacancies blockquote.dark-line { border-left: 14px solid #6D6E71; }
.about-careers-vacancies .vacancy-title { font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }


/* contact modlar */
.about-contact { background: url('https://cdn.modlar.com/img/about-modlar/contact_59640acc42839.jpg') no-repeat bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.about-contact-us { margin: 100px 0 0; font-size: 15px; line-height: 30px; }
.about-contact-us h2 { padding-bottom: 40px; text-align: center; font-size: 28px; color: #000; }
div.contact-details h4 { font-family: 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }


@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
	/* about modlar */
	.about-modlar { font-size: 13px; }
	.about-modlar-intro-box p { font-size: 23px; padding: 49px 15px; }
	.about-modlar .modlar-by-numbers p { margin-bottom: 20px; }
	.about-modlar-offices { background-position: left center; }

	/* careers at modlar */
    .about-careers-join-details { top: 40px; }
	.about-careers-join-details:after, .about-careers-join-details:before { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) { /* Small devices (tablets, 768px and up) */
    /* careers at modlar */
    .about-careers-join-details { top: 70px; }

	/* about modlar */
	.about-modlar-intro-box p { font-size: 21px; }
}

@media (min-width: 992px) and (max-width: 1200px){
	/* about modlar */
	.about-modlar-intro-box p { font-size: 28px; }
	.about-modlar .modlar-by-numbers p { padding: 0; }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5){ /* retina */
	/* about modlar */
	.about-modlar-intro { background-image: url('https://cdn.modlar.com/img/about-modlar/about_modlar_5977fcfabdba3@2x.jpg'); }
	.about-modlar-offices { background-image: url('https://cdn.modlar.com/img/about-modlar/about_modlar_offices_5979326063b66@2x.jpg'); }
}