.page.generic.cover { height: 300px; background-color: #000; margin-top: 100px; background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative }
.page.generic.cover h1 { font-size: 30px; line-height: 36px }
@media (max-width:767px) {
.page.generic.cover h1 { font-size: 24px; line-height: 30px }
}
.page.generic.cover .subtitle { color: #c29866; font-size: 20px; text-transform: uppercase; font-weight: 500 }
.page.generic.cover .content { position: absolute; top: 60%; transform: translateY(-50%); width: 60%; left: 50%; margin-left: -30%; text-align: center }
@media (max-width:991px) {
.page.generic.cover .content { top: 60% }
}
.page.generic.text .button { margin-top: 50px }
@media (max-width:991px) {
.page.generic.text .button { text-align: center; margin-bottom: 50px }
.page.generic.text .button a.black { padding: 20px }
}
.page.generic.text h2 { font-size: 28px; line-height: 34px; font-weight: 500; margin-bottom: 30px; color: #000 }
@media (max-width:767px) {
.page.generic.text h2 { font-size: 22px; line-height: 31px; padding: 0 30px }
}
.page.generic.text h2.white { color: #fff }
.page.generic.text h2.center { text-align: center }
.page.generic.text h2 span { color: #c29866 }
.page.generic.text p { font-weight: 300; font-size: 16px; line-height: 26px }
@media (max-width:767px) {
.page.generic.text p { padding: 0 30px }
}
.page.grey { background-color: #f8f8f8 }
.page.generic.text.dark { background-color: #232323 }
.page.generic.text.dark h2, .page.generic.text.dark h3 { color: #fff }
.page.generic.text.dark p, .page.generic.text.dark ul li { color: #b6b6b6 }
.page.center, .page.center h2, .page.center h3, .page.center p { text-align: center }
.page.images { padding-bottom: 0 }
.page.generic.cover { background-image: url(../images/banner_desk_about.9103eed2.jpg) }
@media (max-width:767px) {
.page.generic.cover { background-image: url(../images/banner_mob_about.0ba1b7be.jpg) }
}
.page.team { background-color: #efefef }
.page.team .list { display: table; width: 100% }
.page.team .member { position: relative; display: table-cell; float: none }
@media (max-width:767px) {
.page.team .member { text-align: center }
}
.page.team.text h2 { margin-bottom: 60px }
.page.team h3 { font-size: 24px; color: #000; font-weight: 500; margin-top: 15px }
.page.team .cofund { font-size: 14px; margin-top: 10px; color: #c29866; font-weight: 500; margin-bottom: 10px }
.page.team .socials { position: relative }
.page.team .socials li { display: inline-block; text-align: left; margin: 15px 5px 0 }
@media (max-width:767px) {
.page.team .socials li { margin-top: 0; margin-bottom: 50px }
}
.page.team .socials li:first-child { margin-left: 0 }
.page.team .socials li a { color: #c29866; font-size: 30px }
.page.process .picture { color: #c29866; font-size: 100px; text-align: center }
@media (max-width:767px) {
.page.process .picture { font-size: 60px }
}
@media (max-width:767px) {
.page.process p { margin-bottom: 40px }
}
.page.process h4 { font-size: 22px; margin-bottom: 15px }
@media (max-width:767px) {
.page.process h4 { padding: 0 30px }
}
.page.press { background-color: #c29866 }
.page.press ul { text-align: center }
.page.press ul li{ text-align: center; display: inline-block; overflow: hidden;margin-bottom: 15px;}
.page.press ul li a { opacity: .7; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s }
.page.press ul li a:hover { opacity: 1 }
@media (max-width:1199px) {
/* .page.press ul li { margin: 0 20px } */
/* .page.press ul li img { max-width: 130px; height: auto } */
}
@media (max-width:992px) {
/* .page.press ul li { margin: 0 10px } */
/* .page.press ul li img { max-width: 80px; height: auto } */
}
@media (max-width:767px) {
/* .page.press ul li { margin: 0 10px } */
/* .page.press ul li img { max-width: 60px; height: auto } */
}