@media screen and (max-width:480px){

    .title_container{
        display: none;
        color: red;
        visibility: hidden;
    }
    

}

/* FIN DE CSS PARA MOVILES */

body {
    margin-left: 4rem; 
    margin-right: 4rem;
    background-color: black;
    color: yellow;
    font-family: sans-serif;
    }

'header { border: 1px solid red;}
'section { border: 1px solid pink;}
footer {
    border-top: 1px solid gray;
    text-align: center;
    color: #e0e0e0;
    font-size: 0.8em;
}

nav {
    border-bottom: 1px solid gray;
    padding: 10px 0 10px 0;
    text-align: center;
}

section {
    border-bottom: 1px solid gray;
    padding: 10px 0px 10px 0;
}

.logo_container {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.title_container {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.button_container {
    display: inline-block;
    vertical-align: top;
}
.bullets {
    list-style-type: none;
}

.bullets li{
    display: inline;
    margin: 10px;
    color: white;
}

.bullets .button_selected{
    color: orange;
}

.bullets a{
    color: inherit;
    text-decoration: none;
}


.bullets a:hover {
    color: orange;
}
    


.big_tittle{
    font-size: 100px;
}
.small_tittle{
    font-size: 80px;
}

.sol {
    text-decoration: none;
}

.sol a:hover {
    color: orange;
}

footer a {
    text-decoration: none;
    color:orange;
}

article {
    padding: 10px;
    text-align: center;  
}

#plantel {
    background-color: rgba(146, 146, 146, 0.25);
    padding: 10px;
    display: inline-block;
    width: 300px;

}

#plantel h3{
    text-shadow: 0 3px rgba(255, 153, 0, 0.5);
}

#ayudantes {
    display: inline-block;
    background-color: rgba(146, 146, 146, 0.25);
    padding: 10px;
}

#ayudantes h3{
    text-shadow: 0 3px rgba(255, 153, 0, 0.5);
}