/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 8, 2016 */



@font-face {
    font-family: 'chivobold';
    src: url('chivo-bold-webfont.eot');
    src: url('chivo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo-bold-webfont.woff2') format('woff2'),
         url('chivo-bold-webfont.woff') format('woff'),
         url('chivo-bold-webfont.svg#chivobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'chivolight';
    src: url('chivo-light-webfont.eot');
    src: url('chivo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo-light-webfont.woff2') format('woff2'),
         url('chivo-light-webfont.woff') format('woff'),
         url('chivo-light-webfont.svg#chivolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'chivoregular';
    src: url('chivo-regular-webfont.eot');
    src: url('chivo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('chivo-regular-webfont.woff2') format('woff2'),
         url('chivo-regular-webfont.woff') format('woff'),
         url('chivo-regular-webfont.svg#chivoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'festersemi-condensed_heavy';
    src: url('fester_heavy-webfont.eot');
    src: url('fester_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fester_heavy-webfont.woff2') format('woff2'),
         url('fester_heavy-webfont.woff') format('woff'),
         url('fester_heavy-webfont.svg#festersemi-condensed_heavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

#contenedor {
    width: 100%;
  margin: 0 auto;
}


   
#cabeza {
 display: flex;
    justify-content: center;
    }

#lacaja {
    display: flex;
    justify-content: center;
    width: 90%;
     color: #4800aa;
     text-align: center;
    
}



#titular {
    
    width: 50%;
    border-top-style: solid;
    border-top-width: 10px;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-color: #4800aa;
    
}

#datosvarios {
    margin: 0 auto;
    width: 90%;}

h1 {
    color: #00ffc4;
    font-family: 'festersemi-condensed_heavy';
    font-size: 250px;
    text-align: center;
    letter-spacing: 10px;
}



h2 {
    font-family: 'chivobold';
    font-size: 53px;
    line-height: 65px;
    letter-spacing: 7px;
    color: #4800aa;
}

h3 {
    padding-bottom: 5%;
    font-family: 'chivobold';
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    margin: 0 ,auto;
}

menu {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    color: #4800aa;
    align-content: center;
}




#trabajo {
    font-family: 'festersemi-condensed_heavy';
    font-size: 85px;
    line-height: 80px;
    list-style: none;
    text-align: center;
    margin-top: -3%;
}

hr {
border: 4px;
height: 3px;
background-color: #4800aa;
width: 340px;
}

#alumnos {
    font-size: 25px;
    font-family: 'chivobold';
    letter-spacing: 8px;
    line-height: 40px;
    list-style: none;
    width: 50%;
    text-align: center;
}

#contenidos {
    font-family: 'festersemi-condensed_heavy';
    color: #00ffc4;
    font-size: 18px;
    margin-top: 0px;
    width: 248px;
    transform: rotate(90deg);
    letter-spacing: 8px;
}

#alumnosl {
    font-family: 'festersemi-condensed_heavy';
    color: #00ffc4;
    font-size: 18px;
    width: 50%;
    transform: rotate(90deg);
    letter-spacing: 8px;
    
}

footer {
    font-family: 'chivoregular';
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #4800aa;
    
}
a {
   text-decoration: none; 
}



@media screen and (max-width:380px) {
    
    
    
    h1 {
        font-size: 130px;
        margin:0 ,auto
        }
    h3 {
        font-family: 'chivoregular';
        font-size: 20px;
        line-height: 20px;
    }
    h2 {
        font-size: 48px;
    }
    #titular {
        transform: scale(0.8 ,0.8);
        padding-bottom: 12%;
        width: 90%;
        text-align: center;
    
        
    }
    #lacaja  { 
        display: flex;
        justify-content: center;

        margin-top: -23%;
        
         }
    menu {
        transform: scale(0.6 ,0.6);
        width: 90%;
        margin-left: -8%;
    }
    #trabajo {
        width: 340px;
        margin-left: -46px
    }
    #alumnos {
        padding-top: 100px;
        width: 340px;
        margin-left: -46px
        
 }
    #alumnosl {
        margin-left: 25%;
    }
    #contenidos {
        margin-left: %;
    }
  
}

    

}