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;
}


.nav{
    background: #FFFFFF;
    font-weight: 400;
    font-size: 19px;
    color: rgba(0,0,0,0.6);
}

.nav .active{
    color: rgba(0,0,0,1);
}

.nav .content{
    margin: 0 auto;
    width: 71.12%;
}

.nav .logo{
    flex: 0 0 14.7%;
}

.nav .title{
    flex:0 0 40%;
}

.nav .title p{
    cursor: pointer;
}


.footer{
    background: #212121;

}

.footer .content{
    margin: 0 auto;
    width: 71.12%;
    color: #FFFFFF;
    padding: 3% 0;
    font-weight: 400;
}

.footer .content p{
    margin-top: 2%;
}