.middle-div-text{
	display: table-cell;
    vertical-align: middle;
}
/* CSS INICIO */
header{
	display: table;
    height: 100%;
	width:100%;
    padding: 100px 0;
    text-align: center;
    background: url(../img/header-bg.jpg) bottom center no-repeat #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.header-p{
	font-size:22px;
	color:var(--negro-1);
	text-shadow:1px 0px 1px var(--blanco-1);
	background: var(--blanco-075);
	border-radius: 20px!important;
}
.header-h1{
    color: var(--blanco-08);
	text-shadow:1px 0px 3px var(--negro-1)
}
.btn-circle{
	width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid var(--prima-alto-1);
    border-radius: 100%!important;
    font-size: 40px;
    color: var(--prima-alto-1);
    background: var(--blanco-07);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-circle:hover{
	background: var(--gris-bajo-025);
	border: 2px solid var(--negro-06);
}
.btn-circle:hover i{
	color: var(--negro-1);
}
@media (min-width: 768px){
	header {
		height: 100%;
		padding: 0;
	}
	.header-h1 {
		font-size: 100px;
	}
}