body{
    padding: 0;
    margin: 0;
}

p{
    margin: 0;
}

img{
    width: 100%;
    vertical-align: middle;
}

.text-align-center{
    text-align: center;
}

.flex{
    display: flex;
}

.flex-column{
    flex-direction: column;
}

.flex-justify-content{
    justify-content: space-between;
}

.flex-justify-items{
    justify-items: center;
    align-items:center;
}


.red-border-bottom{
    height: 33.33%;
    background-color: #FF332E;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left:0;
}

.footer{
    /*height: calc(100vw*360/1920);*/
    background: #2D2D2D;
    margin-top:9.46% ;
    padding: 4.6%;
    overflow:hidden;
}

.footer .content{
    width: 61.04%;
    margin-left: 18.75%;
    /*margin-top: 4%;*/

}

.footer .logo{
    flex:0 0 8.61%
}

.footer .middle{
    flex:0 0 35%;
}

.footer .last{
    flex:0 0 40%
}

.footer .logouttips{
    border: 2px solid #FFD100;
    width: 50%;
    padding: 5% 4%;
    text-align: center;
    margin-top: 15%;
    cursor: pointer
}

.header{
    background: #2D2D2D;

}

.header .logo{
    flex:0 0 3.47%;
    margin-left:18.75% ;
}

.header .nav{
    flex:0 0 21.92%;
    margin-right: 20.57%;
}