
.container { margin-right: auto; margin-left: auto; padding-left:8px; padding-right:8px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }

/*
@media (min-width: 768px) {
.container { width: 760px; }
}

@media (min-width: 992px) {
.container { width: 980px; }
}

@media (min-width: 1200px) {
.container { width: 1180px; }
}
*/
.container-fluid { margin-right: auto; margin-left: auto; padding-left:8px; padding-right:8px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }
.row { margin-left: -8px; margin-right: -8px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }


@-webkit-keyframes progress-bar-stripes {
	from {
	background-position: 40px 0;
	}
	to {
	background-position: 0 0;
	}
	}
	@keyframes progress-bar-stripes {
	from {
	background-position: 40px 0;
	}
	to {
	background-position: 0 0;
	}
}

@media screen and (max-width: 768px) {
.fh5co-bg-section, .fh5co-hero-wrap { height: inherit; padding: 3em 0; }
}
.fh5co-bg-section .fh5co-overlay { background: #000; opacity: .7; }
.fh5co-bg-section .author { font-size: 20px; margin-bottom: 0; }
#fh5co-main { }
#fh5co-board .item { margin: 4px 4px 8px 4px; background: #fff; overflow: hidden;  position:relative; }
#fh5co-board .item a { display: block; }
/*
#fh5co-board .item .fh5co-desc { padding: 20px; float: left; line-height:180%; position:absolute; z-index:999; left:8px; right:8px; top:8px; bottom:8px; background:rgba(0,140,212,0.8);  color:#fff; opacity:0; font-size:24px; text-align:center; vertical-align:middle; }
*/
#fh5co-board .item .fh5co-desc { padding:10px 0 10px 0; float:left; width:100%; line-height:180%; z-index:999; color:#333; opacity:1; font-size:14px; text-align:center; vertical-align:middle; }
.fh5co-desc div { width:100%; height:100%; display:flex; align-items:center; text-align:center;justify-content:center;}
#fh5co-board .item:hover .fh5co-desc { opacity:1;}
#fh5co-board .item .fh5co-item-title { font-family: "Montserrat", arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0; padding: 0; }
#fh5co-board .item img { max-width: 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
#fh5co-board .item .fh5co-board-img { overflow: hidden; }
#fh5co-board .item .image-popup:hover img { opacity: .5; }

