@font-face{
    font-family:Noticia;
    src:url(/noticia.ttf);
}
main{
    margin:auto;
    width: 50vw;
}
body{
    background-color: #F0EEEB;
}
a{
    font-family: Noticia;
    font-size: 9pt;
    color:#000;
    text-decoration:none;
    text-align: left;
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a:hover{
    color:#b9b9b9;
}
.sec{
    color:#5f6a70;
}
p{
    font-family: Noticia;
    font-size: 9pt;
    margin:13px 0px 38px;
    color:#000;
    text-decoration:none;
    text-align: justify;
}
.menu{
    width: 200px;
    position:fixed;
    left:25vw;
    transform: translate(-220px, 32px); 
    top:5px;
}
.content{
    width:100%;
    margin-top: 49px;
    margin-left: 0px;
}
ul{
    list-style-type:none;
}
.menuleft{
    margin:10px 0;
}
li{
    margin:10px 0;
}
img{
    width:100%;
    margin-bottom: 24px;
    margin-top: 4px;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
img:hover{
    opacity:0.98;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
.seriestext{
    margin-top:-20px;
}

@media screen and (min-width: 0px) and (max-width: 800px){/*small*/
  main{width:70vw;margin-top:31px;}
  .contact{width:100%;}
  .icon{display:block;position:fixed;top:5px;left:20px;}
  .menu{transform:translate(0,0);left:0px;}
  .mobilemenu a{font-size: 12pt;}
  .content{margin-top:-13px;}
  #title{text-align:center;margin-bottom:36px;font-size:12pt;}
  #navbar{display:none;}
  #menucenter{text-align:center;margin:0px 0px;}
  .vert{display:block;}
  .horiz{display:none;}
}
@media screen and (min-width: 801px){/*large*/
  main{width:50vw;}
  #navbar{display: block;}
  #menucenter{display:none;}
  .contact{width:60%;}
  .icon{display:none;}
  #title{display:none;}
  .vert{display:none;}
  .horiz{display:block;}
}
.mobilemenu{
    background-color:#F0EEEB;
    transform: translate(0px, 32px);
}
.horiz{
    width:100%;
}
.vert{
    width:100%;
}
.horiz:hover{
    opacity:1;
    box-shadow: none;
}
.vert:hover{
    opacity:1;
    box-shadow: none;
}