@charset "UTF-8";
h2{background:#000; padding:10px 20px; margin:0 auto 50px; font-family:'Roboto',sans-serif; font-weight:100; font-size:30px; font-size:3.0rem; color:#fff;}

h3{padding:10px 0; margin:0 auto 20px; font-family:'Roboto',sans-serif; font-weight:100; font-size:24px; font-size:2.4rem; padding-bottm:5px; border-bottom:1px solid #000; font-weight:100; text-align:left;}


#contact{max-width:960px; margin:0 auto 80px; padding:0 20px; box-sizing:border-box;}
#contact .mail{font-family:'Roboto',sans-serif; font-weight:100; font-size:18px; font-size:1.8rem; margin:50px 0 0;}


@media only screen and (min-width:340px) {
#contact .mail{font-size:22px; font-size:2.2rem;}
}

@media only screen and (min-width:740px) {
#contact .mail{font-family:'Roboto',sans-serif; font-weight:100; font-size:48px; font-size:4.8rem; margin:50px 20px 90px;}
}

@media only screen and (min-width:980px) {
h2{padding:10px 0;}
#contact{padding:0;}
}

@media only screen and (min-width:1000px) {
}