@charset "utf-8";
/* CSS Document */
html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}

body{
	height:100%; /* force the BODY element to match the height of the HTML element */
	background-image:url(img/blog_back.jpg);
  padding-top:100px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
	color:#000;
}
/*
#back{
	font-size:30px;
	color:#fff;
	padding:10px;
}
#back:hover,
#back:focus{
	color:#fff;/*change later
}

.breadcrumb{
	text-align:center;
	font-size:20px;
	background-color:rgba(204,204,204,0); /*background opacity change later
	margin-left:20%;
	margin-right:20%;
}

.link{
	color:#000;
	padding:5px;
	border:thin;
	border-radius:5px;
	border-style: solid;
	background-color:rgba(255,255,255,0.75);
	text-decoration:none;
}
.link:hover,
.link:focus,
.link:active,
.link.active{
	color:#333;
	background-color:#fff;
	text-decoration:none;
}*/

#main{
	background-color:rgba(255,255,255,0.75);
	margin-bottom:50px;
}

header{
	font-size:24px;
	text-align:center;
	padding-top: 30px;
    padding-bottom: 30px;
}
@media(min-width:768px) {
    header{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

#main p{
	padding:10px;
}

.pager_bottom{
	padding-top:50px;
}
.pager li>a{
	border-color:#666;
	color:#666;
	border-radius:0px;
  margin-left:20px;
  margin-right: 20px;
  padding: 7px;
}
.pager li>a:hover,
.pager li>a:focus{
  border-color:#ccc;
	color:#fff;
	background-color:#ccc;
}

.img_blog{
	padding:10px;
	padding-top:0px;
	padding-bottom:20px;
}
@media(min-width:768px) {
	@media(max-width:1200px) {
		.img_blog{
			width:70%;
		}
	}
}
@media(min-width:1200px) {
	.img_blog{
		width:50%;
	}
	.col-lg-4{
		width:33.33333333%;
	}
}

#full_screen{
	width:100%;
}