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

@import url('https://fonts.googleapis.com/css?family=Gugi|Varela+Round');

*{ box-sizing: border-box; }

img{ max-width: 100%; height: auto; display: block; margin: auto;}

body{ font-family: Verdana; margin: 0;}

/*h1,h2,h3{ font-family: 'Roboto', cursive; }*/

.menu{ /*display: none;*/ background-color: rgba(0,0,0,1.00); font-family: Verdana; position: fixed; top: 0; left: 0;width: 100%; z-index: 3;}

.menu ul{ list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; }

.menu li{ font-size: 160%; }

.menu a{ text-decoration: none; color: rgba(255,255,255,1.00); padding: 20px; display: inline-block; transition: 0.7s;}

.menu a:hover{ background: -webkit-linear-gradient( #0269c9, #b4dffc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.pulsantemenu{ background-color: black; color: white; border: 0; cursor: pointer; position: absolute; left: 50%; top: 100%; transform: translate(-50%,0); padding: 20px; outline: 0; font-family: 'Gugi', cursive; font-size: 150%;}

.copertinavideo{ position: relative; width: 100%; min-height: 100vh; overflow: hidden; display: flex; justify-content: center; flex-direction: column; text-align: center; }

/*.copertinavideo video{ min-width: 100%; min-height: 100vh; position: absolute; top: 0; left: 0; z-index: -1;}*/

.copertinavideo h1{ color: rgba(255,255,255,1.00); font-size: 550%; text-shadow: 0 0 3px #000;   -webkit-animation:comparsa 1s;animation:comparsa 1.5s;}

.copertina0 h1{ color: rgba(255,255,255,1.00); font-size: 550%; text-shadow: 0 0 3px #000;   -webkit-animation:comparsa 1s;animation:comparsa 1.5s;}

.copertina0 h2{ color: rgba(255,255,255,1.00); font-size: 450%; text-shadow: 0 0 3px #000;   -webkit-animation:comparsa 1s;animation:comparsa 1.5s; margin: 0;}

.copertinavideo h2{ color: rgba(255,255,255,1.00); font-size: 300%; text-shadow: 0 0 3px #000;   -webkit-animation:comparsa 1s;animation:comparsa 1.5s; margin: 0;}

@-webkit-keyframes comparsa{0%{opacity:0; transform:translateY(50px);}100%{opacity:1;}}
@keyframes comparsa{0%{opacity:0; transform:translateY(50px);}100%{opacity:1;}}

p{ line-height: 180%; text-align: justify;}

.copertina{ width: 100%; min-height: 100vh;  background-attachment: fixed; background-size: cover; background-position: center; display: flex; justify-content: center; flex-direction: column; text-align: center; color: rgba(255,255,255,1.00); font-size: 250%; text-shadow: 0 0 3px #000;}

.copertina0{  position: relative; width: 100%; min-height: 100vh; overflow: hidden; display: flex; justify-content: center; flex-direction: column; text-align: center; background-image: url("../images/architettura-mini.jpg"); }

.copertina1{  background-image: url("../images/casa1-mini.jpg"); }

.copertina2{  background-image: url("../images/casa2-mini.jpg"); }

.copertina3{ background-image: url("../images/casa3-mini.jpg"); }

.rigacontainer{ width: 100%; background-image: url(../images/dust_scratches.png); }

.container{ max-width: 1200px; padding: 5%; margin: auto;}

.container h3{ font-size: 170%; text-align: center; }

.container a{ text-decoration: none; color: rgba(0,0,0,1.00); /*padding: 20px;*/ display: inline-block; transition: 0.7s;}

.container a:hover{ background: -webkit-linear-gradient( #0269c9, #b4dffc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.tornasu{ text-decoration: none; background-color: #fff; color: #000; padding: 2%;position: fixed; bottom: 2%; right: 2%; display: none; border-radius: 5%;}

.testo{ text-align: center; padding: 3%;}

.testo h3{ color: black;}

#testo3 li{padding: 5%;}

#testo4 li{padding: 5%;}

.contatti{  width: 100%;}
.numeri{ width: 100%;}
.mappa{ width: 100%;}
.piva{text-align: center; width: 100%;}
/*a.tornasu{ transition: 0.7s;}

a.tornasu:hover{ background: -webkit-linear-gradient( #ff944d, #993d00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}*/

@media(max-width:767px){
	.menu ul{ display: none;}
	.copertinavideo video{ display: none;}
	.copertinavideo{ background-image: url("../images/frames-mini.jpg");}
	
}


@media(min-width:768px){
	
	.menu ul{ flex-direction: row;}
	
	.pulsantemenu{ display: none;}
	
	.copertinavideo video{ min-width: 100%; min-height: 100vh; position: absolute; top: 0; left: 0; z-index: -1;}
	
	.copertinavideo h2{ font-size: 450%;}
	
	.copertina0{ background-image: url("../images/architettura.jpg");}
	
	.copertina1{ background-image: url("../images/casa1.jpg");}	
	
	.copertina2{ background-image: url("../images/casa2.jpg");}
	
	.copertina3{ background-image: url("../images/casa3.jpg");}
	
	#testo3 li{padding: 1%;}
	
	#testo4 li{padding: 1%;}
	
	.contatti{ display: flex; justify-content: space-around; margin-top: 8%;}
	
	.numeri{ width: 50%;}
	
	.mappa{ width: 50%;}
	
	
}

@media(min-width:1200px){
	
	
	.tornasu{ padding: 1%; }
	
	
}