body
	{
	font-family: 'Catamaran', sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	padding:0;
	margin: 0rem;
	background:url(bg-adizz.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	background-size:auto 100%;
	margin:5% 0%;
	}

.flexbox{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin:40px 0;
	padding:0;
	align-items: center;
	justify-content: center;
	background-color: rgba(155,200,49,0.65);
	}

h1, h2, h3 {
	font-weigth:400;
	margin-top:5px;
	margin-bottom:10px;
	line-height: 1em;
	}
h1, h3 {
	color:#80a529;
	}

h2 {
	color:#585858;
	font-variant: small-caps;
	letter-spacing:0.1em;
	}

a {
	color:#4c8200;
	text-decoration: none;
	}

a:hover {	
	color:#8f4295;
	}

img { 
	max-width:100%;	
	}

.logo {
	max-width:300px;
	height: auto;
	margin: 0 auto;
	padding:10px;
	}

.col_3 {
	margin:0;
	padding:0%;
	-webkit-flex-basis: 30%;
  	flex-basis: 30%;
}

.middle {
	color: white;
	vertical-align: center;
	margin:20px; 
	-webkit-flex-basis: 40%;
  	flex-basis: 40%;
}

@media only screen and (min-width: 50em) 
{
	body {
		margin:2% 8%;
		background-size:100% auto;
	}	

	.flexbox{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	.middle {
		margin-top:0px important;
		margin-bottom:0px important; 

	}

}