@charset "UTF-8";
/* CSS Document */

body, html, #content {width:100%;height:100%}
#preloader {position: absolute;left:-1000px;top:-1000px;}
a {color:#D5A286;font-weight: 500;}
a:hover, a:visited {color:#D5A286;}
b {font-weight:500;}
sup {font-size:.5rem;}
h1 {color:#dbe2e9;font-family: 'Libre Baskerville', serif;font-size: 5rem;font-weight: normal;padding-bottom: .5em;text-align: center;}
.work h1 {margin-bottom:3rem;}
h2 {font-family: 'Libre Baskerville', serif;color:#C5CFDA;font-weight: normal;font-size: 1.5em;margin: 0 0 1em;}
h3 {font-family: 'brandon-grotesque', sans-serif;font-weight: 500;font-style: normal;font-size: 1.15em;color:#D5A286;margin-top: 1.6em;}
p {font-family: 'brandon-grotesque', sans-serif;font-weight: 400;font-style: normal;font-size:1.15rem;line-height:1.5;color:#071D49;margin-bottom: 1.5em;}
p2 {font-family: 'brandon-grotesque', sans-serif;font-style: normal;font-size:0.95em;line-height:1.4;font-weight:300;color:#071D49;display:block;margin-top: -1.65em;}

#eo {display:block;margin:auto;width:63%;height:100%}
.landing {width:100%;height:100%;margin:0;padding:0;background-image:url(images/landing2.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center center;}
.about {width:100%;padding:3em 0;background:linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.95) 70%), url(images/manhattan.jpg);background-size:cover;background-attachment:fixed;}
.work {width:100%;padding: 3em 0;background:#e1e6ec;}
.work h1, .contact h1{color:#fff;}
.work li {border-radius: 50%;margin:0 auto 3.5rem;display:block;padding:0 !important;height:250px;}
.work img {border-radius: 50%;width:250px;height:250px;display:block; opacity:1;margin:auto;transition:opacity .6s linear 0s;}
.work img:hover, .work img:focus {opacity: 0;}
#campaigns {background-image:url("images/overlay_campaigns.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#app {background-image:url("images/overlay_app.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#invitations {background-image:url("images/overlay_invitations.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#brand {background-image:url("images/overlay_brand.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#album {background-image:url("images/overlay_album.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#identity {background-image:url("images/overlay_identity.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#publications {background-image:url("images/overlay_publication.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#posters {background-image:url("images/overlay_posters.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
#messaging {background-image:url("images/overlay_messaging.svg"); background-size: 250px 250px; background-repeat: no-repeat;background-position: center;}
ul {list-style:none;}
.work a {display: inline-block;margin: 0 4%;}
.resume {width:100%;padding:3em 0;}
.divider {color: #dbe2e9;margin: 0 3px;}
.contact {width:100%;min-height:100%;padding-top:3rem;background:url(images/Gatsby.jpg) no-repeat #C5CFDA;background-size:cover;background-attachment:fixed;background-position:center center;padding-bottom:1rem;}

#nav {width:100%;height:35px;position:fixed;z-index:1000;padding:5px;background: #C5CFDA;}
#nav a{font-family: 'brandon-grotesque', sans-serif; font-weight:500; font-style: normal; color:#fff; text-decoration: none;}
.header {background:#e1e6ec;width: 100%;max-width: none;}
.header h1 {color:#fff; padding: 1.2em 30px .75em;line-height: 1;}
.project h2 {font-family: 'brandon-grotesque', sans-serif;font-style: normal;font-weight: 500;font-size: 2.25em;margin: 2em auto 0;}
.project h3 {margin: .15em auto 0;color:#C5CFDA;font-weight: 400;}
.project p {margin-bottom:0;}
.project .large-12 img {max-width:75%;}
.project .large-3 img {max-height:450px;}
.project .large-12 p {max-width:650px;margin-left:auto;margin-right: auto;}
.push {font-size:1rem;} 
img.mamasquare, #lets img, #strongwomen img, .shadow {margin-bottom:3.8rem;}
.shadow {box-shadow: 0 0 25px 0 rgba(197, 207, 218, 0.2), 0 0 30px 0 rgba(197, 207, 218, 0.2);}
img.theme {width:180px;height:auto;margin-bottom:3.8em;}
div.fade {height:100px;background: -moz-linear-gradient(0deg, rgba(225,230,236,.5) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(225,230,236,.5) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(225,230,236,.5) 0%, rgba(255,255,255,1) 100%);}
#headlines img{margin-bottom:4em;}

input[type=text], textarea {background-color: rgba(255,255,255,.75);
font-family: inherit;
border: none;
box-shadow: none;
color: #071D49;
display: block;
font-size: 1.15rem;
margin: 0 0 1rem;
padding: .65rem;
height: 2.5rem;
width: 100%;
border-radius: 10px;}

label {font-size: 1.5rem;
font-family: 'brandon-grotesque', sans-serif;font-style: normal;
font-weight:500;
color: #071D49;
cursor: pointer;
text-align:left;
margin-bottom:.25rem;}

.small-2 {text-align:right; padding-top:.25rem;}

#message {height:12rem;}

#send {background-color: #071D49;
border: none;
border-radius:50%;
box-shadow: none;
color: #fff;
display: block;
margin: 1rem auto 0 auto;
padding: .65rem;
width:5.5rem;
height:5.5rem;
font-family: 'brandon-grotesque', sans-serif;font-size: 1.5rem;font-weight: 400;font-style: normal;transition:background .2s linear 0s;}

#send:hover {background-color: #D5A286;}

div.columns.large-3 {height:100%;}

.thankyou {width:100%;height:100%;background:url(images/time.jpg) no-repeat #e0e0e0;background-size:cover;background-position:center center;}
.thankyou2 {position:fixed;top:6rem;left:4rem;}
.thankyou h1 {font-size:2.6rem;text-align:left;}
.thankyou p {color:#fff;font-size:1.5rem;line-height:1.7;}
.backtosite {position:fixed;bottom:2rem;right:4rem;}

@media all and (max-width:800px) {[class*="block-grid-"] > li {padding: 0px 0px 1.25rem 1.25rem;}}
@media all and (min-width:641px) and (max-width:997px){.work li{height:200px;}.work img {width:200px;height:200px;}#campaigns, #app, #invitations, #brand, #album, #identity, #publications, #posters, #copywriting{background-size:200px 200px;}}
@media all and (max-width:768px) {.header h1 {font-size:2.5rem;padding: 1.75em 30px .8em;}}
@media all and (max-width:640px) {.landing, .about, .contact{background-attachment: scroll;}.about{background-position: 20%}h1 {font-size:3.5rem;margin-bottom:0.75rem;}.work h1 {margin-bottom:1.5rem;}.header h1 {margin-bottom:0;} .project .large-12 img {max-width:100%;} #mamasquare{padding: 0 0.9375rem 3.8rem;}.work li{padding:0 !important;text-align:center;}.project h2{margin-bottom: .35em;line-height: 1.2;}.thankyou2 {top:2rem !important;left:2rem !important;}.backtosite {position:fixed;top:80% !important;right:1rem !important;}}