@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body { /* imposta sfondo trasparente */
	font-family: 'Playfair Display', serif;
}

label, .oro {
	color:#B6924C;
}

.link-gallery {
	color: #B6924C;
}

.error {
	color:#CD2525;
}

.centrato {
	text-align: center;
}

#aboutus {
	color:#ffffff;	
}

.titolo, .titolo-indirizzo {
	color:#B6924C;
}

.indirizzo {
	color:#ffffff;
	text-align: center;
}

.indirizzo a {
	color: rgba(255,255,255,.5);
}

.indirizzo a:hover {
	color: rgba(255,255,255,.75);
	text-decoration: none;
}

.carousel-caption {
  transform: translateY(-50%);
  bottom: 0;
  top: 50%;
}

.ombra {
	text-shadow: 2px 2px 3px #333;
}

.sottotitolo-slide, .titolo-slide, .sottotitolo-slide1, .titolo-slide1 {
   color: white;
   text-shadow:
       1px 1px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

	.row.rigamargine {
	margin-right: 0px;
	margin-left: 0px;		
	}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	/* GALLERY */

	.margine-body-gallery {
		margin-top: 70px;
	}

	.margine-gallery {
		margin-top: 2rem;
	}

	#living, #camere, #cucina, #esterni, #piscina {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.margine-foto-gallery {
		margin-top: 20px;
	}

	/* FINE GALLERY */

	#aboutus p, #history p {
		font-size: 0.8em;
	}
	
	#aboutus p.titolo, #history p.titolo {
		font-size: 20px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.hidden-sm {
		display: none;
	}
	
	.logo-navbar {
		height: 40px;
		width: 217px;
	}

	.iconalingua {
		width: 30px;
		height: 30px;
	}
	
	.marginilingue {
		margin-left: 25px;
	}
	
	.sottotitolo-slide {
	font-size: 12px;
	font-weight: bold;
	}

	.titolo-slide {
	font-size: 18px;
	font-weight: bold;
	}

	.sottotitolo-slide1 {
	font-size: 14px;
	font-weight: bold;
	}

	p.titolo-slide1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: .25rem;	
	}
	
	.carousel-caption {
    position: absolute;
    right: 2%;
    left: 2%;	
	}
	
	.carousel {
		margin-top: 66px;
	}
	
	.icona-comingsoon {
		width: 50px;
		height: 52px;
	}
	
	.titolo {
		font-size: 22px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.titolo-indirizzo {
		font-size: 22px;
		text-align: center;
	}	
	
	.indirizzo {
		font-size: 16px;
	}
	
	.logocontatti {
		width: 200px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.foto {
		width: 250px;
		height: auto;
		padding-bottom: 25px;
	}	
	
	.mappa {
    	width: 100%;
    	height: 500px;
    	top: 20px;
    	left: 0;
    	position: relative;
		border: none;
	}
	
	#aboutus, #history, #contact {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#map {
		padding-top: 30px;
		padding-bottom: 0px;
	}	
	
	.navbar {
		font-size: 0.9em;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

	/* GALLERY */

	.margine-body-gallery {
		margin-top: 70px;
	}

	.margine-gallery {
		margin-top: 2rem;
	}

	#living, #camere, #cucina, #esterni, #piscina {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.margine-foto-gallery {
		margin-top: 20px;
	}

	/* FINE GALLERY */

	#aboutus p, #history p {
		font-size: 0.9em;
	}
	
	#aboutus p.titolo, #history p.titolo {
		font-size: 22px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.carousel-caption {
    position: absolute;
    right: 5%;
    left: 5%;	
	}
	
	.hidden-sm {
		display: none;
	}
	
	.logo-navbar {
		height: 50px;
		width: 272px;
	}

	.iconalingua {
		width: 30px;
		height: 30px;
	}
	
	.marginilingue {
		margin-left: 25px;
	}
	
	.sottotitolo-slide {
	font-size: 14px;
	font-weight: bold;
	}

	.titolo-slide {
	font-size: 26px;
	font-weight: bold;
	}

	.sottotitolo-slide1 {
	font-size: 18px;
	font-weight: bold;
	}

	.titolo-slide1 {
	font-size: 30px;
	font-weight: bold;
	}
	
	.carousel-caption {
    position: absolute;
    right: 2%;
    left: 2%;	
	}
	
	.carousel {
		margin-top: 76px;
	}
	
	.icona-comingsoon {
		width: 60px;
		height: 62px;
	}
	
	.titolo {
		font-size: 22px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.titolo-indirizzo {
		font-size: 22px;
		text-align: center;
	}	
	
	.indirizzo {
		font-size: 16px;
	}
	
	.logocontatti {
		width: 250px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.foto {
		width: 300px;
		height: auto;
		padding-bottom: 25px;
	}	
	
	.mappa {
    	width: 100%;
    	height: 500px;
    	top: 20px;
    	left: 0;
    	position: relative;
		border: none;
	}
	
	#aboutus, #history, #contact {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#map {
		padding-top: 30px;
		padding-bottom: 0px;
	}	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

	/* GALLERY */

	.margine-body-gallery {
		margin-top: 70px;
	}

	.margine-gallery {
		margin-top: 2rem;
	}

	#living, #camere, #cucina, #esterni, #piscina {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.margine-foto-gallery {
		margin-top: 20px;
	}

	/* FINE GALLERY */

	body {
		font-size: 0.9em;
	}
	
	.logo-navbar {
		height: 40px;
		width: 217px;
	}
	
	.navbar {
		height: 60px;
	}
	
	.iconalingua {
		width: 30px;
		height: 30px;
	}
	
	.marginilingue {
		margin-left: 25px;
	}
	
	.sottotitolo-slide {
	font-size: 22px;
	font-weight: bold;
	}

	.titolo-slide {
	font-size: 34px;
	font-weight: bold;
	}

	.sottotitolo-slide1 {
	font-size: 26px;
	font-weight: bold;
	}

	.titolo-slide1 {
	font-size: 38px;
	font-weight: bold;
	}
	
	.carousel-caption {
    position: absolute;
    right: 5%;
    left: 5%;	
	}
	
	.carousel {
		margin-top: 60px;
	}
	
	.icona-comingsoon {
		width: 80px;
		height: 82px;
	}
	
	.titolo {
		font-size: 22px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.titolo-indirizzo {
		font-size: 22px;
		text-align: center;
	}	
	
	.indirizzo {
		font-size: 16px;
	}
	
	.logocontatti {
		width: 250px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.foto {
		width: 280px;
		height: auto;
		padding-bottom: 25px;
	}	
	
	.mappa {
    	width: 100%;
    	height: 500px;
    	top: 20px;
    	left: 0;
    	position: relative;
		border: none;
	}
	
	#aboutus, #history, #contact {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#map {
		padding-top: 30px;
		padding-bottom: 0px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

	/* GALLERY */

	.margine-body-gallery {
		margin-top: 80px;
	}

	.margine-gallery {
		margin-top: 2rem;
	}

	#living, #camere, #cucina, #esterni, #piscina {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.margine-foto-gallery {
		margin-top: 20px;
	}

	/* FINE GALLERY */

	.logo-navbar {
		height: 50px;
		width: 272px;
	}
	
	.navbar {
		height: 70px;
	}
	
	.iconalingua {
		width: 30px;
		height: 30px;
	}
	
	.marginilingue {
		margin-left: 25px;
	}
	
	.sottotitolo-slide {
	font-size: 24px;
	font-weight: bold;
	}

	.titolo-slide {
	font-size: 36px;
	font-weight: bold;
	}

	.sottotitolo-slide1 {
	font-size: 28px;
	font-weight: bold;
	}

	.titolo-slide1 {
	font-size: 40px;
	font-weight: bold;
	}

	.carousel {
		margin-top: 70px;
	}
	
	.icona-comingsoon {
		width: 100px;
		height: 103px;
	}
	
	.titolo {
		font-size: 24px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.titolo-indirizzo {
		font-size: 24px;
		text-align: center;
	}	
	
	.indirizzo {
		font-size: 18px;
	}
	
	.logocontatti {
		width: 250px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.foto {
		width: 300px;
		height: auto;
		padding-bottom: 25px;
	}	
	
	.mappa {
    	width: 100%;
    	height: 500px;
    	top: 20px;
    	left: 0;
    	position: relative;
		border: none;
	}
	
	#aboutus, #history, #contact {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#map {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	/* GALLERY */

	.margine-body-gallery {
		margin-top: 100px;
	}

	.margine-gallery {
		margin-top: 3rem;
	}

	#living, #camere, #cucina, #esterni, #piscina {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.margine-foto-gallery {
		margin-top: 30px;
	}

	/* FINE GALLERY */

	.logo-navbar {
		height: 60px;
		width: 326px;
	}
	
	.navbar {
		height: 80px;
	}
	
	.iconalingua {
		width: 35px;
		height: 35px;
	}
	
	.marginilingue {
		margin-left: 25px;
	}
	
	.navbar {
		font-size: 1.2rem;
	}
	
	.sottotitolo-slide {
	font-size: 26px;
	font-weight: bold;
	}

	.titolo-slide {
	font-size: 38px;
	font-weight: bold;
	}

	.sottotitolo-slide1 {
	font-size: 30px;
	font-weight: bold;
	}

	.titolo-slide1 {
	font-size: 42px;
	font-weight: bold;
	}

	.carousel {
		margin-top: 80px;
	}
	
	.icona-comingsoon {
		width: 120px;
		height: 124px;
	}
	
	.titolo {
		font-size: 26px;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.titolo-indirizzo {
		font-size: 26px;
		text-align: center;
	}	
	
	.indirizzo {
		font-size: 20px;
	}
	
	.logocontatti {
		width: 270px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.foto {
		width: 320px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.mappa {
    	width: 100%;
    	height: 500px;
    	top: 20px;
    	left: 0;
    	position: relative;
		border: none;
	}
	
	#aboutus, #history, #contact {
		padding-top: 3rem;
		padding-bottom: 40px;
	}

	#map {
		padding-top: 40px;
		padding-bottom: 0px;
	}
		
}