@font-face {
  font-family: 'CenturyGothic';
  src: url('CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('CenturyGothic.woff') format('woff'), url('CenturyGothic.ttf')  format('truetype'), url('CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}
p{
	font-family:'CenturyGothic';
	
	
}

.body {
	overflow:hidden;

}
a:link {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

.link:hover {
  color: white ;
  font-weight:600;
  
}
.sfondo{
	background-image:url(../image/cerreto.jpg);
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover; /* tutto schermo */
	background-position:center;
    position: relative;
	}
	
.logo{
	position:absolute;
	top:0;
	margin-top:40px;
	left:50px;
	width:450px;
	
}
.footer{
	position:absolute;
	bottom:0;

	border-top:3px solid #f3d194;
	background-color:#b12c2f;
	width:100%;
	height:200px;
	padding:10px;
}
.cerreto{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:20px;
	height:80%;
}
.scritta{
	padding-left:30px;
	margin-bottom:0px;
	font-size:50px;
	color:#f3d194;
}
.testo {
    padding-left: 30px;
    font-size: 21px;
    color: #f3d194;
    margin-bottom: -3px;
}

.facebook{
	width:15px;
	height:15px;
	
	
}
.testo a{
	color:#f3d194;
}

@media only screen and (max-width:1650px){
	.logo{
		width:450px;
	}
	
	.scritta{
		font-size:38px;
		
	}
	.testo {
    padding-left: 30px;
    font-size: 18px;
    color: #f3d194;
    margin-bottom: -3px;
}
	
	}
	@media only screen and (max-width:1650px) and (max-height:700px){

	.logo{
		width:300px;
	}
	
	.testo{
	    font-size:14px;
	}
	
	
	}

@media only screen and (max-width:1450px){
	.logo{
		width:430px;
	}
	
	.cerreto {
    height: 68%;
    }
	.scritta{
		font-size:42px;
		
	}
	.testo{
	    font-size:16px;
	}
	
	}
	@media only screen and (max-width:1450px) and (max-height:700px){

	.logo{
		width:350px;
	}
	
	}
	
	
	@media only screen and (max-width:1250px){
	.logo{
		width:430px;
	}
	
	.cerreto {
    height: 60%;
    }
	.scritta{
		font-size:37px;
		
	}
	.testo{
	    font-size:17px;
	}
	
	
	.footer{
		
		height:180px;
		
	}
	
	
	
	}
	
	
	
	@media only screen and (max-width:1100px){
	.cerreto{
		height:70%;
	}
	.scritta{
		font-size:34px;
		
	}
	.testo{
	    font-size:15px;
	}
	
	.footer{
		
		height:170px;
		
	}
	
	}
	
		@media only screen and (max-width:1020px){
	.cerreto{
		height:70%;
	}
	.scritta{
		font-size:30px;
		
	}
	.testo{
	    font-size:14px;
	}
	
	.footer{
		
		height:150px;
		
	}
	
	}
	
	
		@media only screen and (max-width:920px){
	.cerreto{
		height:55%;
	}
	.scritta{
		font-size:28px;
		
	}
	.testo{
	    font-size:14px;
	}
	
	.footer{
		
		height:150px;
		
	}
	
	}
	
	
	
	
	
	@media only screen and (max-width:850px){
	.logo{
		width:300px;
		left:50%;
		transform:translateX(-50%);
	}
	.scritta{
		font-size:25px;
		
	}
	.testo{
	    font-size:13px;
	}
	
	.footer{
		
		height:140px;
		
	}
	
	}
	
	
	
	/*
	@media only screen and (max-width:950px) and (max-height:650px){

	.logo{
		
		width:300px;
	}
	.cerreto{
		
		position:absolute;
		bottom:0%;
		height:20%;
		left:50%;
		transform:translateX(-50%); 
	}
	
	}
	*/

	@media only screen and (max-width:830px){
	.logo{
		width:350px;
		left:50%;
		transform:translateX(-50%);
	}
	.scritta{
		font-size:25px;
		line-height: 20px;
		margin-bottom:8px;
		text-align: center !important;
		
	}
	.testo{
	    font-size:15px;
		text-align: center !important;
	}
	.cerreto{
		
		position:absolute;
		top:auto;
		bottom:9%;
		height:35%;
		left:50%;
		transform:translateX(-50%);
	}
	.footer{
		
		height:210px;
		
	}
	
	}
	
	@media only screen and (max-width:700px){
	.logo{
		width:350px;
		left:50%;
		transform:translateX(-50%);
	}
	.scritta{
		font-size:20px;
		line-height: 20px;
		margin-bottom:8px;
		text-align: center !important;
		
	}
	.testo{
	    font-size:13px;
		text-align: center !important;
	}
	.cerreto{
		
		position:absolute;
		top:auto;
		bottom:9%;
		height:35%;
		left:50%;
		transform:translateX(-50%);
	}
	.footer{
		
		height:210px;
		
	}
	
	}
	
	@media only screen and (max-width:600px){
	.logo{
		width:350px;
		left:50%;
		transform:translateX(-50%);
	}
	.scritta{
		font-size:20px;
		line-height: 20px;
		margin-bottom:8px;
		text-align: center !important;
		
	}
	.testo{
	    font-size:13px;
		text-align: center !important;
	}
	.cerreto{
		
		position:absolute;
		top:auto;
		bottom:9%;
		height:35%;
		left:50%;
		transform:translateX(-50%);
	}
	.footer{
		
		height:220px;
		
	}
	
	}
	
	
	
	@media only screen and (max-width:460px){
	.logo{
		width:320px;
		left:50%;
		transform:translateX(-50%);
	}
	.scritta{
		font-size:20px;
		line-height: 20px;
		margin-bottom:8px;
		text-align: center !important;
		
	}
	.testo{
	    font-size:13px;
		text-align: center !important;
	}
	.cerreto{
		
		position:absolute;
		top:auto;
		bottom:9%;
		height:29%;
		left:50%;
		transform:translateX(-50%);
	}
	.footer{
		
		height:270px;
		
	}
	
	}
	
	@media only screen and (max-width:480px) and (max-height:600px){
	
	.logo{
		width:300px;
		left:50%;
		transform:translateX(-50%);
	}
	.scritta{
		font-size:20px;
		line-height: 20px;
		margin-bottom:8px;
		text-align: center !important;
		
	}
	.testo{
	    font-size:13px;
		text-align: center !important;
	}

	.cerreto {
    position: absolute;
    top: auto;
    bottom: 109%;
    height: 35%;
    left: 50%;
    transform: translateX(-50%);
	}
	
	.footer {
    height: 184px;
    padding-left: 0px;
}
	
	}
	
	
	
	/*
	@media only screen and (max-width:600px) and (max-height:650px){

	.logo{
		
		width:300px;
	}
	.cerreto{
		
		position:absolute;
		bottom:0%;
		height:20%;
		left:50%;
		transform:translateX(-50%); 
	}
	
	}
	
	*/