@import url(https://fonts.googleapis.com/css?family=Montserrat);

#banner {
/*	margin-bottom: 50px;*/
	position: relative;
   
}

#banner img {
	width: 100%;
	height: 100%;

}

#banner .contenedor {
	position: absolute;
	top: 90%;
	left: 50%;
    /*padding-left: 50%;*/
	transform: translateX(-10%)      translateY(-50%);
	color: #fff;
}

#banner h2 {
	font-size: 30%;
}

.mas-info {
    position: relative;
    top: 70vh;
	display: block;
	width: 100px;
	color: #25407e;
	text-decoration: none;
	text-align:center;
	padding: 5px;
	margin-top: 10px;
	border: 5px solid #25407e;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.6);
    
}

.mas-info:hover {
	background: #25407e;
    color: white;
}


.bannercont{
	position: absolute;
    top: 10%;    
    left: -25%;
    right: -25%;    
    left: 0;
    right: 0;
    margin: auto;
       
}

.bannercont img {
    padding: 50px;
}

.bannercont h1{
    text-align: center;
    color: white;
    font-size: 40px; 
    text-transform: uppercase; 
    margin-left: 8%;
    margin-right: 8%;
    left: 0;
    right: 0;
    position: absolute;
    padding: 0 10% 0 10%;
    font-family: 'Cantarell', sans-serif;
}

.bannercont a{
    
    margin: auto;
    
    
}



.pasadorcont {
    position: absolute;
    height: 25px;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;    
    text-align: center;
    overflow: hidden; 
    top: 88%;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    
}

.pasador {
    position: absolute;
    animation-name: pasatexto;
    animation-duration: 15s;
    animation-iteration-count: infinite;       
    width: auto;  
}

.parrafo{
    
margin: 0;
    padding-bottom: 2px;

    
    
}


@keyframes pasatexto{
    0%   {margin-top: 0;}

    50%   {margin-top: -103px;}        
    
}

@media (max-width:865px){
    .bannercont {
        top: 15%;    
    }        
    
    .bannercont p{
        top: 75%;
    }    
    
    .bannercont a{
        top: 40vh;
        
    }    


}

@media (max-width:430px){
    .bannercont p{
        visibility: hidden;
        top: 10%
    }
    .bannercont a{
        visibility: hidden;
    }    
    .bannercont img{
        visibility: visible;
        margin-top: 20px;
        padding: 0;

    }    
    
      
}