.banner_advert { 

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;

}
	
.banner-ad-item {
	
	width:90%; 
	max-width:340px; 
	padding:12px; 
	height:auto;
	position:relative;
	
}

.banner_advert, .vertical_advert {
	
	position:relative;
	
}

.banner_advert a {text-decoration:none}
.vertical_advert {width:97%; max-width:310px; margin:0 auto; text-align:center; display:inline-block}
.vertical_advert img {width:100%; height:auto}
.vertical_advert a {text-decoration:none}

.vertical-ad-item {width:100%; position:relative}
.ad-header {position:absolute; top:0; width:80%; font-size:0.86em; padding:0.4em 0; background:rgba(255,255,255,0.85); color:#222; z-index:5;}

/* Admin styles */

.adlink {width:100%; padding:0 0 0.5em 0}
.adlink_label {display:inline-block; width:30%; margin:0 0.5em 0 0; padding:5px; background:#EDFFAE}
.adlink_input {display:inline-block; width:60%}
.adlink_info {width:98%; margin:10px 0; display:block; padding:1%; background:#EDFFAE; font-style:italic}
.advert_admin tr {background:#DDEBF7; padding:0!important}
.advert_admin td, .advert_admin tr {vertical-align:top; text-align:center}
td.50split {width:45%; vertical-align:top}
.ad_date {width:80%; margin:0 0 12px}

/* Topbar */

@media all and (min-width:0px) and (max-width:450px) {
.topbar {width:100%; text-align:center; padding:0; margin:0}
.logo {width:100%; text-align:center}
.logo img {max-width:120px; margin:0 auto; text-align:center}
.top_banner {width:95%; margin:0 auto; text-align:center}
}

@media all and (min-width:450px) {
.topbar {width:100%; text-align:center; padding:0; margin:0}
.logo {width:100%; text-align:center}
.logo img {max-width:120px; margin:0 auto; text-align:center}
.top_banner {width:95%; margin:0 auto; text-align:center}
}

@media all and (min-width:650px) {
.topbar {width:100%; display:table; padding:0; margin:0}
.logo {display:table-cell; width:30%;}
.topbar > .logo img {max-width:120px}
.top_banner {display:table-cell; width:60%; text-align:right; padding-right:3em}
}

@media all and (min-width:900px) {}