/* General */
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
body { font-family: urw-din, sans-serif; padding-top:80px;margin-bottom:36px; }
html {position:relative;min-height:100%;}

/* Sidebar */
nav {background:rgba(255,255,255,0.98)}
nav a{font-size:14px;color:rgb(100,100,100);-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
nav a:hover{color:rgb(48,82,143);text-decoration:none;}
nav p {font-size:14px;text-transform:uppercase;}
nav p.name {font-size:16px;font-weight:500}

/* Work Home */
.hovereffect { background:rgb(0,0,0); width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: right; cursor: pointer; }
.hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; display: flex; flex-direction: column; justify-content: right; }
.hovereffect img { -webkit-transform:scale(1.1); transform:scale(1.1); display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.hovereffect:hover img { opacity: 0.8; filter: alpha(opacity=10); -webkit-transform:scale(1.2); transform:scale(1.2); }
.client{text-transform:uppercase;font-weight:400;font-size:24px;}
.spot{text-transform:uppercase;font-weight:200;font-size:16px;}
.back{text-transform:uppercase;font-weight:200;font-size:12px;}
.back a{font-size:12px;text-transform:uppercase;font-weight:400;color:rgb(100,100,100);-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.back a:hover{color:rgb(48,82,143);text-decoration:none;}

/* Contacts */
#contact a{color:rgb(100,100,100);-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
#contact a:hover{color:rgb(48,82,143);text-decoration:none;}

/* Footer */
footer{position:absolute;bottom:0;width:100%;height:36px;}
footer a{color:rgb(100,100,100);-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
footer a:hover{color:rgb(48,82,143);text-decoration:none;}