@charset "UTF-8";
html {
	font-size: 62.5%;
}
a:link{
    text-decoration: none;
	color: #FF2300;
}
a:hover{
	font-size: 1.3em;
	color: #008D00;
}
a:visited{
	color:  #FF7A00;
}
body{
    margin: 0 15%;
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    background-color: #1b386f; 
    background-repeat: no-repeat;
}
header{
    text-align: center;
    font-size: 4vw;
	line-height: 0.8;
    color: #1b386f;
    text-shadow: #fff  0.3vw 0.5vw 0.3vw;
}

.video{
    width: 50%;
    padding: 0 0 0 1vw;
}


.ancho {
		grid-column: span 2;
	}


button{
    border: 1px solid white;
    background-color: transparent;
    padding: 15px;
    margin-top: 5px;  
}
button:hover{
     background-color: antiquewhite;
}
.ppal{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.ppal img{
    max-width: 400px;
    padding: 1rem;
}
figcaption{
    padding: 0 0 3rem 1rem;
    color:antiquewhite;
    font-size: 1.5rem;
}
ul{
    display: flex;
    flex-wrap: wrap;
    color: antiquewhite;
    /*justify-content: center;*/
    /*font-size: 1.6rem;*/
   /* border-top: 1px solid white;
    border-bottom: 1px solid white;*/
}
li{
    list-style-type: circle;
}
.subt{
    color:antiquewhite;
}