body,h1,h2,h3,h4,h5,h6,p{font-family:'Open Sans',sans-serif}.intro,body,html{width:100%;height:100%}.intro,.logo-nav,body,html{height:100%}.intro,a,body,footer{color:#fff}body{background-color:#000}h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-weight:300;text-align:center;letter-spacing:1px}.light,p{font-weight:400}p{margin:0 0 25px;font-size:12px;line-height:1.5}a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a:focus,a:hover{text-decoration:none;color:rgba(255,255,255,.7)}.intro{display:table;padding:100px 0;text-align:center;background:url(../img/intro.jpg) top no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.intro hr{width:30%}.intro .intro-body{display:table-cell;vertical-align:middle;padding-top:100px}h1{font-family:'Droid Serif',serif}@media(min-width:768px){p{margin:0 0 35px;font-size:13px;line-height:1.6}.intro{height:100%;padding:0}}a.angle,a.angle:hover:active{text-decoration:none;color:#fff}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;animation-iteration-count:infinite;animation-duration:5s;animation-delay:3s}.content-section{padding-top:100px;padding-bottom:100px}@media(min-width:767px){.content-section{padding-top:100px}}hr.title{width:20%}#works h4{padding-top:20px}#works h6{color:#5C5B5C;font-weight:600}.work-img{display:block;margin:auto}#about{background:url(../img/coding.jpg) bottom center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.btn{margin:5px}.contact h2{margin:0;font-size:70px;text-decoration:none}.contact p{padding-top:15px;text-decoration:uppercase;font-size:14px}footer{padding:10px 0;background-color:#000}footer p{font-size:10px}.more-space{padding-top:100px}.small-break{padding-top:10px}@media(min-width:767px){footer p{margin:0;font-size:12px}.small-break{padding-top:50px}}img,section#about{filter:gray;filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:all .5s ease}img:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);filter:grayscale(0)}.modal-content h4{color:#000}