*{
    margin:0;
    padding:0;
}
body{
    font-family:Helvetica, sans-serif;
}
header{
    display:flex;
    height:120px;
    justify-content:center;
    box-shadow:0px 3px 16px #999999;
    z-index: 10;
}
.container{
    width:1200px;
    display:flex;
    justify-content:center;
}
.middle{
    width:1200px;
    display:flex;
    justify-content:center;
}
.logo{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.menu{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
}
nav li a{
    text-decoration:none;
    color:black;
}
nav ul{
    list-style:none;
    display:flex;
    text-transform:uppercase;
}
nav ul li{
    padding-left:10px;
    padding-left:20px;
}
.active{
    background:#e43133;
    color:white;
}
nav ul li a{
    padding:15px;
    border-radius:2px;
    transition:.4s;
}
nav ul li a:hover{
    background:#e43133;
    color:white;
    transition:.4s;
}
#general{
    height:800px;
    display:flex;
    justify-content:center;
}
footer{
    padding:20px;
    display:flex;
    justify-content:center;
    background-color:#e43133;
    color:white;
}
.maintenance{
    width:100%;
    height:800px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.copyright{
    padding:14px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.maintenance h1{
    font-size:70px;
    color:#e43133;
    font-weight:bold;
    text-shadow:0px 2px 5px #a1a1a1;
}
.maintenance h2{
    margin-top:50px;
    font-size:25px;
    font-weight:100;
    color:#4a4a4a;
    margin-bottom:50px;
}
.maintenance h3{
    margin-top:20px;
    font-size:20px;
    font-weight:100;
    color:#4a4a4a;
}
span{
    color:#e43133;
}
#general img{
    margin-top:50px;
    position:absolute;
    z-index:-10;
    opacity:.1;
}
@media only screen and (min-width:360px) and (max-width:700px){
    #general img{
        width:100%;
    }
    .container{
        width:100%;
        display:flex;
        justify-content:center;
    }
    .middle{
        width:100%;
    }
    .menu{
        display:none;
    }
    footer{
        margin-top:30px;
    }
    #general{
        margin-top:50px;
    }
    #general .container img{
        display:none;
    }
    .maintenance{
        padding-left:20px;
    }
}