body {font-family: 'Open Sans', sans-serif;}
footer {border-top: #333 1px solid;}
.btn {border-radius: 0; padding: 16px 32px; font-size: 18px; font-weight: 700; background-color: #449d44; border-color: #398439; color: #FFF;}

section#me {padding: 40px 0;}
section#me img {max-width: 200px;}
section#me p {font-size: 18px;}

section#social {font-size: 50px; margin: 20px 0;}
section#social .fb a{color: #3b5998;}
section#social .gp a{color:#db4437;}
section#social .li a{color:#006fa6;}
section#social .phone a{color:#006fa6;}
section#social .mail a{color:#43a047;}
section#social a:hover{color:#666; transition: 0.2s; }

section#skills {margin-top: 20px;}

.contact-form {padding: 30px 0; background: #f5f5f5;}
.contact-form form {margin: 30px 0px;}
.contact-form .form-group input.form-control {height: 42px;}
.contact-form .form-group textarea.form-control {height: 157px;}
.contact-form .form-control {border-radius: 0;}
.contact-form .form-control:focus {border-color: #000; box-shadow: none;}


section#reference {overflow:hidden; padding:20px 0; background: #000; color: #FFF;}
section#reference h2{color: #FFF;}
section#reference p{font-size: 18px; line-height: 50px;}
section#reference p a{color: #FFF; text-decoration: underline;}
section#reference .item {overflow: hidden; margin: 0px; padding: 10px;}
section#reference .overlay {position: absolute; bottom: -500px; width: 100%; overflow: hidden;}
section#reference .item:hover .overlay{color: #000; background: #000; opacity: 0.8; height: 100%; cursor:pointer; bottom:0px; overflow: hidden;
    -webkit-transition:bottom .4s ease-in-out,right .4s ease-in-out;
    -moz-transition:bottom .4s ease-in-out,right .4s ease-in-out;
    -o-transition:bottom .4s ease-in-out,right .4s ease-in-out;
    transition:bottom .4s ease-in-out,right .4s ease-in-out}
section#reference .overlay .overlay-text {position: absolute;bottom: 50%; color: #FFF; width: 100%; padding: 0 10% 0 10%; font-weight: 600; text-align: center; font-size: 18px;}