@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBold.woff2') format('woff2'),
         url('../fonts/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}



body {
      background-image: url(../assets/bg.jpg);
      background-position: top right;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      -webkit-background-size: cover;
      background-color: #FFFFFF;
    }
    
.text1 {    
    text-align:center;
    font-family: 'OpenSansRegular';
    font-size:1.5em;
}
    
.text2 {
    text-align:center;
    color: #F2901D;
    font-family: 'OpenSansBold';
    text-transform:uppercase;
    font-size:1.5em;    
}
    
video {    
        display: block;
        background: #FFFFFF;
        color: #f1f1f1;
        width: 40em;
        position: relative;
        text-align: center;
        margin: 0 auto;
        margin-bottom:3em;
    }

img {    
        margin: 1em 1em 5em 1em;
        width: 12em;
    }
.custombotonesFlotantes {
    position: fixed;
    z-index: 1 !important;
    cursor: auto !important;
    float: none !important;
    height: auto !important;
    min-height: 0px !important;
    max-height: 62px !important;
    width: auto !important;
    min-width: 0px !important;
    max-width: 62px !important;
    margin: 0px !important;
    top: auto !important;
    bottom: 115px !important;
    right: 20px !important;
    left: auto !important;
    display: block;
}

.custombotonesFlotantes img {
    margin: auto !important;
    width: auto !important;
}
@media (max-width:480px){
    .custombotonesFlotantes {
        position: fixed;
        z-index: 1 !important;
        cursor: auto !important;
        float: none !important;
        height: auto !important;
        min-height: 0px !important;
        max-height: 50px !important;
        width: auto !important;
        min-width: 0px !important;
        max-width: 50px !important;
        margin: 0px !important;
        top: auto !important;
        bottom: 125px !important;
        right: 33px !important;
        left: auto !important;
        display: block;
    }
}

@media (max-width:678px){
    body{
        background-position:90% 100%;
    }
    img{
        margin:3em 1em 5em 1em;
        width:25%;
    }
    video {
        width:100%;
    }
    .text1 {
        font-size:0.8em;
    }
}