@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lora|Roboto');

body {
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	background-color:#ede8ce;
	font:12px 'Roboto', sans-serif;
	line-height:1.5;
	color:#232323;
}

span {
	display:block;
	margin-bottom:10px;
	color:#232323;
	font:36px 'Lora', serif;
	text-decoration:none;
}

a,
a:link,
a:active,
a:visited {
	display:inline-block;
	margin-top:25px;
	padding:15px 42px;
	background-color:#c4b25e;
	color:#fff;
	text-decoration:none;
	-webkit-transition:background 500ms ease;
	-moz-transition:background 500ms ease;
	-ms-transition:background 500ms ease;
	-o-transition:background 500ms ease;
	transition:background 500ms ease;
}

a:hover {
	background-color:#dec96a;
	-webkit-transition:background 500ms ease;
	-moz-transition:background 500ms ease;
	-ms-transition:background 500ms ease;
	-o-transition:background 500ms ease;
	transition:background 500ms ease;
}

p {
	margin:0;
}

/*----------------*/
/*impostazioni div*/

div#contenitore {
	width:950px;
	height:650px;
	margin:auto;
	padding:0;
	border:0;
}

div#colonnasx {
	width:450px;
	height:430px;
	margin:0;
	padding:220px 0 0 100px;
	border:0;
	float:left;
}

div#colonnadx {
	width:300px;
	height:430px;
	margin:0;
	padding:220px 100px 0 0;
	border:0;
	float:right;
}

/*-------------*/
/*media-queries*/

@media screen and (max-width: 949px) {
	
	div#contenitore {
		width:100%;
		height:auto;
	}
	
	div#colonnasx,
	div#colonnadx {
		box-sizing:border-box;
		width:100%;
		height:auto;
		padding:30px 15px;
		text-align:center;
	}
	
}