/*

CSS Style 2018

*/

#top{

   /* position: absolute;*/

    height:700px;

    width: 100%;

    overflow: hidden;

}

#top video{

    min-width: 100%;

    min-height: 70%;

    margin-top: -13%;

}

figure {

   max-width:64rem;

   width:100%;

   max-height:30.875rem;

   height:100%;

   margin:1.25rem auto;

   padding:1.051%;

   background-color:#282828;

   overflow: hidden;

}

	body{

		background-color: #282828;

	}

    video#bgvid { 

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(-50%);

    background: url('') no-repeat;

    background-size: cover;

    transition: 1s opacity;

    

}



#logopic{

    position: absolute;

    z-index: 2;

    left: 0;

    top: 60%;

    right: 0;

    /* bottom: 0; */

    width: 100%;

    height: 133px;

    display: block;

    margin: auto;

   

}



#logo{    

    margin:10px auto;

    display:block;

    left: 50%;

    top: 30%;

}

#vidcontainer{

     height: 80vh; /*ajusta video vs contenido*/

}

#vidcontainer a { 

    position: absolute;

    z-index: 6;

    display: block;

    width: 25%;

    padding: .4rem;

    border: none;

    font-size: 1.3rem;

    background: rgba(0,137,123,1);

    color: #fff;

    border-radius: 3px;

    cursor: pointer;

    transition: .3s background;

    text-decoration: none;

    text-align: center;

    border-radius: 10px 10px 10px 10px;

    left: 36%;

    /* right: 50%; */

    /* text-align: center; */

}

#vidcontainer a:hover { 

   background: rgba(0,137,123,1);

   width: 25%;

   border: solid 1.5px #f49712;



}

body {overflow-x:hidden;}



.contenedor{

    width: 100%;

    background-color: #282828;

    /*margin-top: 90vh;*/

    position: absolute;

}

p{

    color: #eee;

    text-align: justify-all;

}

h1{

    color: white;

}

.bg-inverse {

    background: black!important;

    color: white;

    }



@media screen and (max-width:64em) {

   figure {

      padding-left:0;

      padding-right:0;

      height:auto;

   }

}