@import url("fuentes.css");

body {
    padding-top: 110px;
    background-color: #86e9ff;
    font-family: helv-light;
}

.main{
    width: 80%;
    background-color: white;
}

.jumbotron{
    top: 0px;
    background-color: #002880;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #93c4ff;
}

.acomodar{
    margin-top: 20px;
}

 .thumbnail > iframe,
 .thumbnail a >iframe {
     display: block;
     max-width: 100%;
     height: auto;
     margin-right: auto;
     margin-left: auto;
 }

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    body{
        padding-top: 110px;
    }
 }

 @media screen and (min-width: 768px) {
     .centrar{
         width: 875px;
     }

     .thumbnail > iframe,
     .thumbnail a >iframe{
         height: 250px;
     }
 }

.contenedor{
    width: 95%;
    height: 1000px;
    margin: auto;

    background-color: red;
}

h6 > a{
    decoration: none;
    color: #93c4ff;
}

.nav > li > a{
    display: inline-block;
}