@font-face {
    font-family: AkzBold;
    src: url(../fonts/AkBold.woff);
    font-weight: bold;
}
@font-face {
    font-family: AkzLight;
    src: url(../fonts/AkLight.woff);
    font-weight: bold;
}
/*RESET*/
html, body, main {
	margin: 0px;
	padding: 0px;
}
/*RESET*/

#back{
    max-width: 1100px;
    overflow: hidden;
    height: 526px;
    z-index: 10;
    margin: auto;   
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(img/memoria_fondo.jpg)
}
h2{
    display: block;
    vertical-align: middle;
    position: relative;
    color: #fff;
    font-family: AkzBold, sans-serif;
    margin: 150px 0;
    width: 50%;
    padding: 10px;
    font-size: 40px;
    background-color: rgba(0,0,0,0.7);
}

@media screen and (max-width: 900px) {
    #back{
        padding: 100 0 100 0;
        background-color: aquamarine;
        height: 200px;
    }
   h2{
       text-align: left;
       margin: 0;
       font-size: 30px; 
       width: 100%;
       max-width: 400px;
       position: relative;
       padding: 20 20 20 20;
       overflow: hidden;
    }
}
h2 span{
    color: #e12126;
}
@media screen and (max-width: 700px) {
    #back{
        padding: 20 0 100 0;
        background-color: aquamarine;
        height: 350px;
    }
   h2{
       text-align: left;
       margin: 0;
       font-size: 24px; 
       width: 100%;
       max-width: 200px;
       position: relative;
       padding: 20 20 20 20;
       overflow: hidden;
    }
}