/* 
    Document   : me
    Created on : Nov 22, 2012, 11:11:29 AM
    Author     : Sanjay Sinha
    Colours    
        Black #000000
*/
.me article a {color: #000000;}
.me article em {font-family: "proxima-nova", helvetica, sans-serif; font-weight: 700; font-style: italic;}

.me section {margin-bottom: 100px;}

.me section h1 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 240px; font-weight: bold; text-transform: uppercase; padding: 100px 0 30px 0; margin: 0 0 0 -15px; letter-spacing: -66px; line-height: 184px;}
.me section h2 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 44px; font-weight: bold; text-transform: uppercase; padding: 20px 0 20px 0; }
.me section h3 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; }
.me section p {font-family: "proxima-nova", helvetica, sans-serif; color: #000000; font-size: 18px; line-height: 26px; font-weight: bold; padding: 0 0 30px 0;}

.me .row { width: 960px; max-width: 100%; min-width: 768px; margin: 0 auto; }

.me .social {text-align: center;}
.me .credits {text-align: center;}
.me .why {text-align: center;}

.me .cv form {background: url(../images/bg-stripe-diag-sml.png); padding: 4px;}
.me .cv form .sbmt {font-family: "proxima-nova", helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #000000; color: #ffffff; text-transform: uppercase; border: 0; padding: 3px 8px 3px 8px;}
.me .cv form .email {width: 200px}
.me .cv form label {display: none;}
.me .cv form .error {border: 2px solid red}

.me .social ul {width: 160px; margin: 0 auto;}
.me .social ul li {float: left;}
.me .social ul li a {display: block; text-indent: -9999px;}

.me .social ul li a.inpage-instagram {background: url(../images/icon-insta-inpage.png) no-repeat 0 0; width: 32px; padding: 0 0 12px 0;}
.me .social ul li a.inpage-twitter {background: url(../images/icon-twitter-inpage.png) no-repeat 0 0; width: 32px; margin: 0 0 0 10px; padding: 0 0 12px 0; }
.me .social ul li a.inpage-linkedin {background: url(../images/icon-linkedin-inpage.png) no-repeat 0 0; width: 32px; margin: 0 0 0 10px; padding: 0 0 12px 0;}
.me .social ul li a.inpage-pinterest {background: url(../images/icon-pinterest-inpage.png) no-repeat 0 0; width: 32px; margin: 0 0 0 10px; padding: 0 0 12px 0;}

.me .credits ul {width: 180px; margin: 0 auto;}
.me .credits ul li {float: left;}
.me .credits ul li a {display: block; text-indent: -9999px;}

.me .credits ul li a.html5 {background: url(../images/icon-html5.png) no-repeat 0 0; width: 28px; padding: 0 0 14px 0;}
.me .credits ul li a.css3 {background: url(../images/icon-css3.png) no-repeat 0 0; width: 28px; padding: 0 0 14px 0; margin: 0 0 0 10px; }
.me .credits ul li a.jquery {background: url(../images/icon-jquery.png) no-repeat 0 0; width: 28px; padding: 0 0 14px 0; margin: 0 0 0 10px; }
.me .credits ul li a.flash {background: url(../images/icon-flash.png) no-repeat 0 0; width: 28px; padding: 0 0 14px 0; margin: 0 0 0 10px; }
.me .credits ul li a.bitbucket {background: url(../images/icon-bitbucket.png) no-repeat 0 0; width: 28px; padding: 0 0 14px 0; margin: 0 0 0 10px; }

.me .cv p, .me .social p, .me .credits p {font-size: 14px; line-height: 18px; padding: 12px 0 24px 0;}

.me .why ul li {font-family: "proxima-nova", helvetica, sans-serif; color: #000000; font-size: 18px; line-height: 26px; font-weight: bold; padding: 0 0 15px 0;}

.me .why h2 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 40px; font-weight: bold; text-transform: uppercase; color: #000000;}
.me .why h3 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 6px 5px 4px 5px; color: #ffffff; background-color: #000000; width: 130px; margin: 14px auto 8px;}
.me .why .top {margin-top: 0;}

.me .bottom {margin-top: 30px;}

/*-- Device responsive styles --*/

@media screen and (max-width: 960px) {
    
}

@media screen and (max-width: 767px) {
    .me .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
    .me .columns {text-align: center;}
    .me section h1 {padding: 30px 0 0 0; line-height: auto;}
    .me .why {}
    .me .social {padding-top: 30px;}
    .me .credits {padding-top: 30px;}
    .me .cv {text-align: center; padding-top: 30px;}
}

@media screen and (max-width: 600px) {
    
    
}

@media screen and (max-width: 480px) {
    
    
}

@media screen and (max-width: 320px) {
    
}