@font-face {font-family:'tex_gyre_herosregular';src:url('../fonts/texgyreheros-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}

 /* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

/* Pink: #D9A9B1 Grey:#A1A2A5 */

body{font:normal 22px/1.3 'tex_gyre_herosregular', Arial, sans-serif;color:#333;background:#fff;min-width:300px;}
a{color:#D9A9B1;text-decoration:underline;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
p{margin-bottom:40px;}
p:last-of-type{margin-bottom:0;}
h1{font-weight:400;color:#D9A9B1;font-size:40px;margin:0 0 40px;padding:0;}
h2{font-weight:400;color:#333;font-size:30px;margin:0 0 20px;padding:0;}
ul{margin:40px 30px 30px;list-style:disc;}
li{margin:0;padding:2px 10px;font-size:16px;}
img{max-width:100%;height:auto;}
.responsive{width:100%;height:auto;display:block;}
.intersection{float:left;color:#fff;padding:50px 60px;padding-left:calc(50% - 540px);margin:60px 0 0;width:100%;background:#D9A9B1;-webkit-clip-path: polygon(0 0, 100% 36%, 100% 61%, 0 100%);clip-path: polygon(0 0, 100% 36%, 100% 61%, 0 100%);text-transform:uppercase;font-size:40px;}

#logo{position:absolute;top:5vw;max-width:300px;width:20vw;left:0;right:0;margin:0 auto;z-index:11;}
#lines{position:absolute;top:0;width:100%;left:0;z-index:10;}
#start{width:100%;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;}
#startNav{width:54.64%;margin-top:calc(100vw / 5.68211920 + 5vw);padding:0 1vw 0 10vw;margin-bottom:100px;text-align:right;}
#startImg{position:relative;width:45.36%;margin-top:calc(100vw / 5.68211920 - 18.72659vw);-webkit-clip-path: polygon(0 35%, 100% 0, 100% 94%, 29% 100%);clip-path: polygon(0 35%, 100% 0, 100% 94%, 29% 100%);margin-bottom:100px;}
.startNav{display:inline-block;padding:10px;margin-left:20px;color:#D9A9B1;text-decoration:none;text-transform:uppercase;}
.cardHolder{clear:both;max-width:1200px;width:100%;margin:0 auto;}
.grid{position:relative;float:left;width:100%;margin:30px 0;}
.card{float:left;width:calc(33.3333333% - 60px);padding:30px;background:#EBEBEB;margin:30px;-webkit-clip-path: polygon(0 0, 97% 5%, 100% 94%, 4% 100%);clip-path: polygon(0 0, 97% 5%, 100% 94%, 4% 100%);}
.card h2{text-align:left;padding-bottom:5px;border-bottom:1px solid #666;font-size:22px;}
.card p{font-size:16px;margin-bottom:10px;position:relative;}
.card span{font-weight:bold;display:block;position:absolute;top:0;right:0;}
.cta{cursor:pointer;color:#fff;background:#D9A9B1;}
.cta:hover{opacity:.8;}
.duration{clear:both;float:left;width:50%;font-weight:bold;margin-top:30px;}
.price{float:left;width:50%;text-align:right;font-weight:bold;margin-top:30px;}

#bodyContainer,#eyesContainer,#lipsContainer{float:left;width:100%;margin:60px 0;}
#content{clear:both;max-width:1200px;width:100%;margin:0 auto;margin-top:calc(100vw / 5.68211920 + 5vw);}

#footerLine{float:left;margin-top:50px;background:#D9A9B1;height:40px;width:100%;-webkit-clip-path: polygon(0 0, 100% 81%, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 81%, 100% 100%, 0 100%);}
#footer{float:left;width:100%;display:flex;flex-direction:row;align-items:center;background:#A1A2A5;color:#fff;padding:30px;}
#footer a,#copy a{color:#fff;}
.column{width:calc(50% - 60px);margin:0 30px;}
#contactImg{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;max-width:400px;float:right;}
#copy{clear:both;float:left;padding:30px 30px 10px;font-size:12px;width:100%;background:#A1A2A5;text-align:center;color:#fff;}

@media only screen and (max-width:1200px){
.startNav{display:block;margin:0 0 10px;}
.intersection{padding-left:90px;}
.grid{width:calc(100% - 60px);margin:30px;}
.card{width:calc(33.3333333% - 60px);}
}
@media only screen and (max-width:1060px){
.card{width:calc(50% - 60px);}
}
@media only screen and (max-width:800px){
h1{font-size:30px;}
}
@media only screen and (max-width:666px){
.card{width:100%;margin:30px 0;}
.intersection{padding-left:60px;font-size:30px;}
.card h2{font-size:20px;word-break:break-all;}
#start{flex-direction:column-reverse;flex-wrap:wrap;}
#startImg{width:100%;margin-top:0;-webkit-clip-path: polygon(55% 15%, 100% 0, 100% 75%, 41% 100%, 0 88%, 0 0);clip-path: polygon(55% 15%, 100% 0, 100% 75%, 41% 100%, 0 88%, 0 0);margin-bottom:30px;}
#startNav{width:100%;margin-top:0;text-align:center;padding:60px;margin-bottom:30px;}
#footer{flex-direction:column;}
#contactImg{margin-bottom:30px;}
.column{width:calc(80% - 60px);text-align:center;}
}