body {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: black;

    color: white !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
*{
    font-family: 'Open Sans', sans-serif;
}
h1 {
    font-family: 'Fjalla One', sans-serif;
    color: white !important;
}
a,a:hover{
    color: white;
    text-decoration: none;
}
.home{
    background-image: url("../img/crudo-home.jpg");    
}
.connect{
    background-image: url("../img/connect-19.jpg");    
}
.performances{
    background-image: url("../img/performing-19.jpg");    
}
.training{
    background-image: url("../img/training-19.jpg");    
}
.about{
    background-image: url("../img/about-19.jpg");    
}
#connect_mensaje {
    background-color: rgba(0,0,0,.8);
    padding: 1px 20px 20px;
    width: 300px;
    margin-left: 113px;
    margin-top: 21%;
}
#connect_mensaje ul li{
    margin-bottom: 7px;
}

#performances_mensaje {
    background-color: rgba(0,0,0,.8);
    padding: 1px 15px 20px;
    width: 290px;
    float: right;
    margin-top: 150px;
}
#performances_mensaje a,#training_mensaje a{
    text-align: right;
    display: block;
}
#training_mensaje {
    background-color: rgba(0,0,0,.8);
    padding: 1px 20px 20px;
    width: 360px;
    float: right;
    margin-top: 150px;
}
#about_mensaje{
    background-color: rgba(0,0,0,.8);
    padding: 20px 20px 10px;
    margin-top: 50px;
    margin-bottom: 15px;
}
#container_team{
    position: relative;
}
.integrante {
    background-color: rgba(0,0,0,.5);
    padding: 10px 15px 0px;
    margin-bottom: 15px;
    text-align: center;
}
.integrante_nombre{
    font-weight: bold;
}

.navbar-inverse {
    background-color: #000;
    border-color: #000;
}
#myNavbar .nav > li a{
    font-family: 'Fjalla One', sans-serif;
    color: white;
}

@media only screen and (min-width: 970px) { 
    .container{
        width: 970px;
    }
}
.contenedor_rs a img {
    height: 18px;
}
@media only screen and (min-width: 769px) {  
    #myNavbar{
        padding-top: 30px;
    }
    #myNavbar .nav > li a {
        padding: 6px 0px 4px;
        text-align: center;
    }
    #myNavbar .nav > li > a {
        padding: 10px 35px;        
        font-size: 19px;        
    }    
    .navbar-brand {	
        height: 90px;	
    }
    .navbar-header{
        margin-right: 15px !important;
    }
    #logo{
        height: 107px;  
        width: 107px;        
        background-image: url('../img/logo.png');
    }    
    .contenedor_rs {
        margin-right: 15px;
        margin-top: 8px;
    }
    .contenedor_rs a {
        padding: 0px 10px;
    }
    .dropdown-menu {
        background-color: #0a0a0b;
        padding: 0px;
    }
    .dropdown-menu > li > a{
        font-size: 19px;
    }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #0a0a0b;
    }
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: black;
    }
    .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
        margin-bottom: 0;
    } 
    .integrante{
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    body{
        margin-bottom: 50px;
    }
    .home{
        background-image: url("../img/movil/home-mov.png");
    }
    .connect{
        background-image: url("../img/movil/connect-mov.jpg");
    }
    .performances{
        background-image: url("../img/movil/performing-mov.jpg");    
    }
    .training{
        background-image: url("../img/movil/training-mov.jpg");    
    }
    .about{
        background-image: url("../img/about.jpg");  
        
    }
    #logo {
        height: 26px;
        background-image: url('../img/logo_movil.png');
        width: 81px;
    }
    .contenedor_rs {
        text-align: center;
    }
    .contenedor_rs a {
        padding: 0px 15px;
    }
    .navbar-brand {
        padding: 12px 15px;
    }

    #connect_mensaje {
        padding: 1px 20px 20px;
        width: auto;
        margin: 0px 15px;
        margin-top: 80px;
    }

    #performances_mensaje {        
        padding: 1px 15px 20px;
        width: auto;
        float: none;
        margin-top: 15px;
    }
    #training_mensaje {        
        padding: 1px 15px 20px;
        width: auto;
        float: none;
        margin-top: 15px;
    }
    #about_mensaje{        
        padding: 0px 15px 10px;
        margin-top: 15px;
    }
    .integrante { 
        padding: 15px 15px 5px; 
    }
}

.about-members 
a:link {
    color: #fff;
}
a:hover {
    color: #858282;
}
/*
@media (min-width: 768px) and (max-width: 1199px) {  
    .home{
        background-image: url("../img/tablet/home.jpg");
    }
    .connect{
        background-image: url("../img/tablet/connect.jpg");
    }
    .performances{
        background-image: url("../img/tablet/performances.jpg");    
    }
    .training{
        background-image: url("../img/tablet/training.jpg");    
    }
    .about{
        background-image: url("../img/tablet/about.jpg");           
    }
}
*/