.inicio{
	padding: 200px 1% 3% 1%;
	min-height: 100vh;
	max-width: 100%;
	background-image: linear-gradient(rgba(04, 24, 24, 0.9), rgba(04, 24, 24, 0.9)), url("../imgs/inicio.webp");
	background-position: center;
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	
}
.inicio-div1{
	color: #dbe4e3;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2%;
}
.epigrafe{
	font-size: 18px;
    font-family: charm, sans-serif;
    font-weight: 100;
}
.inicio-h1{
	font-family: charm;
	font-size: 50px;	
	margin-bottom: 3%;
	font-weight: 200;
	text-wrap: pretty;
	text-transform: uppercase;
}
.div-img{
	padding: 5% 5%;
}
.img-inicio{box-shadow: #dbe4e3 0px 0px 10px 1px;}

.inicio-a{
	margin-top:5%;
    text-decoration: none;
    color: #fff;
    background-color: #0000;
    padding: 2%;
    border: 2px solid #fff;
    font-size: 20px;
    text-transform: uppercase;
    transition-duration: .5s;
	font-family: charm;
	border-radius: 10%;
}

.inicio-a:hover{
	color: #000;
    background-color: #dbe4e3;  
}


@media only screen and (max-width:1150px){
	.inicio{
		padding-top: 120px;
		min-height: 90vh;
	}
    .inicio-h1{	
		font-size: 30px;	
		margin-bottom: 8%;
	}
	.inicio-h2{
		font-size: 17.5px;
	}
}
@media only screen and (max-width:700px){
	.epigrafe{
		font-size: 13px;
		font-family: charm, sans-serif;
		font-weight: 100;
	}
    .inicio-h1{	
		font-size: 22.5px;	
		margin-bottom: 8%;
	}
	.inicio-h2{
		font-size: 12.5px;
	}
	.inicio-a{
		font-size:15px;
	}
	.inicio{
		background-image: linear-gradient(rgba(04, 24, 24, 0.7), rgba(04, 24, 24, 0.7)), url("../imgs/inicioResponsive.webp");
	}
}
@media only screen and (max-width:530px){
	.inicio-h1{	
		font-size: 20px;	
		margin-bottom: 8%;
	}
}
@media only screen and (max-width:450px){
	.inicio{
		padding-top: 120px;
	}
}