@media only screen and (min-width: 1600px) {
.logo {
	width: 67.1rem;
	height: 12.8rem;
	background-position: 0 0;
}
.page-title {
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.2);
	padding-top: 15rem;
	border-bottom: solid #0D2931 6px;
}
.bx-wrapper img {
  width: 100%;
  display: block;
  height: 66rem;
}
.box {
	background: #f0f0f0;
	margin: 2rem;
	padding: 0 2rem 1rem 2rem;
	height: 200px;
}
header nav {
	margin-right: 3%;
}	
}

@media only screen and (min-width: 1100px) {

.bx-wrapper img {
  width: 100%;
  display: block;
  height: 60rem;
}
	.griglia {
	max-width: 95%;
	margin: 20px auto;
	padding: 0;
}
.griglia li a,
.griglia li img {
	max-width: 100%;
}

}

/*------------------------Laptop----------------------------------------------------------------*/
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
.bx-wrapper img {
  height: 50rem;
}
.page-title {
	padding-top: 15rem;
}

}


@media only screen and (min-width: 1025px) {

.arrow {
	display:block;
   margin:0px auto;
   text-align:center;
	font-size: 5rem;
	position: relative;
	top: -4rem;
}

.copyright p {
	padding: 1.8rem;
}
footer .copyright {
	height: auto;
}



}
@media screen and (max-width: 1024px) and (max-height: 600px) {
.half-bg-image {
	height: 50%;
}
.hero-image {
	height: 50%;
}
}
@media only screen and (min-width: 720px) and (max-width: 900px) and (orientation: landscape) {
.page-title {
	padding-top: 12rem;
}
}

@media only screen and (max-width: 1024px) {
.col-4 {width: 50%;}

.in-costruzione > h1 {
	font-size: 4rem;
}
.page-title > h1 {
	font-size: 3rem;
}

/* --------------- menu -------------- */
header {
	width: 100%;
	height: 10rem;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
}
.logo {
	height: 10rem;
}
header nav {
	width: 100%;
	line-height: 4rem;
	margin-top: -5.5rem;
	margin-right: 0;
}


.arrow {
	margin-top: -3rem;
}
#news{
	margin: 0;
}
.hr-text {
	font-size: 1.2rem;
}
.overlay a.info {
	margin-bottom: 2rem;
}
#main-content {
	margin-bottom: 0;
}
.contenuti {
	padding-bottom: 8rem;
	padding-top: 5rem;
}
.main {
	margin-bottom: 2rem;
}
.griglia {
	max-width: 100%;
	margin: 20px auto;
	padding: 0;
}
.griglia li {
	width: 50%;
	padding: 13px;
}
	/*
.griglia {
	max-width: 100%;
	margin: 20px auto;
	padding: 0;
}
.griglia li{
	display: inline-block;
	padding: 10px;
	opacity: 0;
}
.griglia li.shown,
.no-js .griglia li,
.no-cssanimations .griglia li {
	opacity: 1;
}
.griglia li a,
.griglia li img {
	outline: none;
	border: 1px solid #0D2931;
	display: block;
	max-width: 100%;
}*/
footer {
	position: relative;
  	left: 0;
  	bottom: 0;
  	z-index: -1;
}
footer .wrap {
	height: auto;
}
footer .copyright {
	height: auto;
	padding: 0.5rem;
}
}



@media only screen and (max-width: 720px) {
.col-3,.col-4,.col-6,.col-9 {width: 100%;}
/* Header */
header {
	height: 9rem;
	background-color: #faf015;
}
header nav {
	margin-top: -6rem;
}
.logo {
	width: 32rem;
	height: 9.5rem;
	background-position: 0 -255px;
}
	
/* --------------- slider -------------- */
.bx-wrapper {
  margin-top: 8rem;
  position: relative;
}
#main-info {
	height: 15rem; 
}
.blocco { 
	height: 5rem;
} 
.testo { 
	 font-size: 1.3rem;
	 padding: 1rem;
}
#facebook,#google {
	font-weight: 600;
}
#facebook a {
	font-size: 2rem;
	padding: 1rem 1.5rem;
}
#google a {
	font-size: 2rem;
	padding: 1rem;
}
.map {
	padding-right: 0;
	padding-top: 2.5rem;
}
.arrow {
	display: none;
}
/*--- contenuto centrale ---*/
#content {
	margin-top: 3rem;
}
.picbox {
	margin: 0 1rem 2rem 1rem;
}
.desc {
	padding: 1rem;
	font-size: 1.5rem;
}

.in-costruzione {
	height: 100%;
	margin-top: 8rem;
	padding: 2rem;
}
.in-costruzione > h1 {
	font-size: 3rem;
}
.in-costruzione > p.social {
	margin-top: 10px;
}
.page-title > h1 {
	font-size: 3rem;
}
.page-title {
	padding-top: 15rem;
}
#no-image {
	padding-top: 10rem;
}

form {
	max-width: 500px;
}
.col_half {
	width:100%;
	float:none;
}
.g-recaptcha {
	margin: 0 auto;
	margin-top: 2rem;
}
input[type="submit"] {
	width: 50%;
	margin: 2rem 25% 2rem 25%;
}
.box {
	background: #f0f0f0;
	margin: 2rem;
	padding: 0 2rem 2rem 2rem;
	height: auto;
}
.griglia li {
	width: 50%;
	padding: 10px;
}
}

@media only screen 
and (max-width: 720px) 
and (orientation: landscape) {
.half-bg-image {
	margin-top: 8rem;
}
.hero-image {
	margin-top: 8rem;
}
.page-title {
	padding-top: 4rem;
}
.page-title > h1 {
	font-size: 3rem;
}
.griglia li {
	width: 50%;
	padding: 10px;
}
}

@media only screen and (max-width: 480px) {
.col-3,.col-4,.col-6, .col-9 {width: 100%;}
header nav {
	margin-top: 0;
}	
.logo {
	width: 19.2rem;
	height: 3.4rem;
	background-position: -320px -298px;
}
img.logomobile {
	display: block;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 30%;
}
ul#brand{
	margin-left: 5%;
	width: 90%;
}
ul#brand li a {
	width: 10rem;
	height: 10rem;
	line-height: 9rem;
	margin: 1rem 1rem 0 0;
}
.in-costruzione form input{
	display: block;
}
.in-costruzione form button{
	float: none;
}
.page-title {
	padding-top: 12rem;
}
.hero-text {
	padding-top: 12rem;
}
.page-title > h1 {
	font-size: 2.8rem;
}
#googlemap {
	padding-bottom: 62.25%;
}
.griglia li {
	width: 100%;
	padding: 15px 0;
	margin-left: 0;
}
#no-image {
	padding-top: 9rem;
}
}
@media only screen 
and (max-width: 480px) 
and (orientation: landscape) {
.page-title {
	padding-top: 3rem;
}
}

@media only screen and (max-width: 320px) {
input[type=text], input[type=email], textarea, select{
	width: 90%;
}
.half-bg-image {
	height: 40%;
}
.hero-image {
	height: 50%;
}
form {
	padding-left: 2rem;
	padding-bottom: 3rem;
}
fieldset {
	border: none;
}
.col_half > p {
	width:90%;
}
input[type=checkbox]{
	margin: 0 auto;
	margin-top:2rem;
	text-align: center;
	width:90%;
}
input[type="submit"] {
	width: 90%;
	margin: 0 auto;
}
.g-recaptcha {
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	
}
/*--------- testi ----------*/



}