@font-face { 
    font-family:'FontFamilyLogo';
    src: url('../fonts/GOODTIME.ttf'); 

}
    .tittles-pages-logo{
    font-family: "FontFamilyLogo";
}
.footer-main {
    background: #5cb85c;
    padding: 15px;
    color: #fff;
    border-top: 1px solid #d2d6de;
}
.social-icon{
    margin: 7px 7px;
    transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
}
.social-icon:hover{
    text-decoration: none; 
    opacity: 0.7;
    transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    
}
.social-icon:focus{
    outline: none;
}
#jumbotron-index{
    margin: 0px;
    padding: 60px 10px;
    color: #fff;
    background-color:rgba(255, 255, 255, 0);
}
#claro-index{
    margin: 0px;
    padding: 140px 25px;
    color: #000000;
    background-color:#ffffffd6;
}
#oscuro-index{
    margin: 0px;
    padding: 140px 25px;
    color: #fff;
    background-color: rgba(0,0,0,.7);
}
#distribuidores-index{
    background-color: rgba(186, 188, 171,.87);
    color: #000;
}

.fondo {
    background-image: url('../img/font-index.jpeg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center; 
    
}