/*//////////////////////////////////////////////////////////////////////////////

BLOG.css
	
//////////////////////////////////////////////////////////////////////////////*/
#cover{
	position:relative;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-top: 6px solid #fff;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-bottom: 3px solid #fff;
	
	background:url(../img/cover.jpg) no-repeat center center;
	background-size:cover;
	height:500px;
}
#intro{
	text-align:center;
	margin-top:60px;
}
#intro h1{
	font-family: 'Lato', Arial, serif; font-weight: 300;
	letter-spacing:0.1em;
	font-size:40px;
	margin:0 auto;
	color:#333;
	line-height:1;
}
#intro p{
	font-size:15px;
	line-height:1.8;
}


#content{
	padding-bottom:60px;
}
#content img{
	max-width: 100%;
    height: auto;
    display: block;
}
#content .box{
	padding:10px;
}
.col1-2{
	margin-top:50px;
}
.col1-2 img{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 20px solid #fff;
}
dd{
	text-align:center;
}
.name{
	font-size:18px;
	font-family: 'Lato', Arial, serif; font-weight: 700;
}
.name a{
	color:#000;
}
.name a:hover{
	color:#888;
}

/* Responsive Styles
   ========================================================================== */
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 479px) {
	#cover{
		margin-right:0;
		margin:0 5px 5px 5px;
	}
	.col1-2{
		width:100%;
	}
}