@charset "utf-8";
/* CSS Document */
body { font-family: 'Roboto', sans-serif !important; border-top:solid 5px #DDD;}
.header { margin:15px 0; }
.header .logo { margin-left:25px;}

.punchline { font-size:14px; text-transform:uppercase; color:#69696B; margin-top:42px; margin-left:20px;}
.punchline span { margin:auto 5px ; display:inline-block;}

.navigation { font-size:14px; text-transform:uppercase; color:#69696B; margin-top:42px; margin-left:20px;}
.navigation li { list-style:none;}
.navigation li a {color:#69696B; text-decoration:none;  }

h1, h2, h3, h4, h5, h6 { font-weight:300 !important;}

h2 { padding-top:25px !important;}
h4 { padding-top:15px !important;}

p { font-size:16px; color:#505052; font-weight:300;}

.marginTop10 { margin-top:10px  !important;}
.marginTop25 { margin-top:25px  !important;}
.marginTop50 { margin-top:50px  !important;}
.contentBlock { margin:40px auto auto 30px; width:80%;}

@media (max-width: 767px) {
	
	.header .logo { margin-left:auto;}
	
  .punchline { font-size:13px; text-align:center; margin-top:20px;}
  .punchline span { margin:auto 2px ; display:inline-block;}
  
  .navigation { margin-left:0px; padding-left:0px; margin-top:15px; border-top:solid 1px #DDD; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #DDD;}
  .navigation li { text-align:center;}
  
  h2 { padding-top:10px;}
  
  body#contact .marginTop50 { display:none;}
  
  .contentBlock { margin:15px auto !important;}
  
}