@import url(https://fonts.googleapis.com/css?family=Arvo|Lato);
/* comic sans walks into a bar */

h1, h2{font-family: 'Arvo', Serif; font-weight: 700;letter-spacing: -1px;}
p, li{font-family: 'Lato', Sans-Serif;}
p.lead{font-size:22px;}
p{font-size:18px;}
.pt{padding-top:25px;}
small{font-size:14px;}

.article-list li,
.client-list li{font-size:17px;}

.knockback{opacity:0.75;}
.logo{color:#fff!important; font-weight:bold;text-transform: uppercase; font-size:14px;line-height:14px; height:100%; display:block;border:2px solid #fff;padding:5px;margin:10px;opacity:0.9;}
.logo:hover{opacity:1;}

/*universal bits*/
*{box-sizing: border-box;}
img{width:auto;max-width:100%;margin-left:auto;margin-right:auto;display:block;}


.section{min-height:100vh;display:table;width:100%;}
.page-container{display:table-cell; vertical-align:middle;box-sizing: border-box;padding: 80px 25px;}
.row{max-width:1000px;margin:auto;}

.reverse{background:#333;color:#fff;}
.reverse a{color:#fff;}

/*invididual bits*/
.nav-container{max-width:1000px;margin:auto;}
.nav-container .nav{padding:0 10px 0 0 ;}
.navbar-inverse{background-color: rgba(10, 10, 10, .75);}
.my-photo{border-radius:50%;margin-top:20px;width:150px;}





#stream{background:#ED121E center center; background-size: cover; background-attachment: fixed;}
#stream h2{font-size:120px; line-height: 140px;}

#stream p{font-size:26px; line-height: 38px;}




#writing{}
#contact{background:#333;}

/*dem clients doe*/
.client-list ul{padding:0;margin:0;}
.client-list li{list-style: none; display: inline-block;padding:0 8px 0 0 ;margin: 0 ;}

.article-list ul{margin:0;padding:0;}
.article-list li{display:block; list-style:none;background:#333;padding:0;margin:20px 20px 0 0;float:left;}
.article-list li a{display:block;width:200px;height:200px;padding:20px;color:#fff;}

.contact-list ul{margin:0;padding:0;}
.contact-list li{display:block; list-style:none;background:#333;padding:0;margin:20px 20px 0 0;float:left;opacity:0.9;}
.contact-list li a{display:block;width:100px;height:100px;padding:20px;color:#fff; text-indent: -9999px;}
.contact-list li:active, .contact-list li:hover{opacity:1;}

#email{background: #e00f41 url(../images/email-256.png) center center no-repeat; background-size: contain;}
#twitter{background: #00aced url(../images/twitter-256.png) center center no-repeat;background-size: contain;}
#linkedin{background: #007bb6 url(../images/linkedin-256.png) center center no-repeat;background-size: contain;}
#medium{background: #111 url(../images/medium-256.png) center center no-repeat;background-size: contain;}
#instagram{background: #517fa4 url(../images/instagram-256.png) center center no-repeat;background-size: contain;}
#dribbble{background: #ea4c89 url(../images/dribbble-256.png) center center no-repeat;background-size: contain;}

@media screen and (max-width:1080px){
	#stream h2{font-size:72px; line-height: 84px;}
#stream p{font-size:18px; line-height: 26px;}


	.section{min-height:500px;}
	#home{background-attachment: scroll;}
	#clients{background-attachment: scroll;}
}

@media screen and (max-width:650px){
	
	#stream h2{font-size:48px; line-height: 52px;}
#stream p{font-size:18px; line-height: 26px;}
	.mix-list li{display:block;}
	}