@charset "utf-8";
/* CSS Document */
#gallery{font-weight:bold; border-bottom:solid thick #F4A45E;}
.title{position: relative; height:180px; display:flex; align-items: center; justify-content: center; }
.title h1{font-size:30px; position: absolute; z-index:1; top:0; left:0; right:0; bottom:0; height:inherit; background-color:rgba(51,51,51,0.7); margin:auto; display:flex; align-items: center; justify-content: center; color:white;}
.title img{flex-shrink:0; max-height:100%; max-width:100%; display:block; margin-left:auto; margin-right:auto;}
.news-container{display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:auto;}
.gallery{width:auto; margin:0 15px; padding: 0px; overflow:auto;}
.galpix{margin:5px; padding:7px; max-width:280px; height:300px; display:inline-block; background-color:rgba(253,221,200,1); border-radius:5px; overflow:auto;}
.galpix img{flex-shrink:0; max-height:100%; max-width:100%;}
.pix-title h4{text-align:center; margin: 0px;}
.pix-title p{text-align:justify; margin: 0px;}


@media only screen and (min-width: 600px) {
	/* For tablets: */
.title h1{font-size:40px;}
.title{height:300px;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.main{clear:both;}
#list{margin:auto; width:90%;}
.title h1{font-size:50px;}
}