header{width:100%}
header .content{display:flex;justify-content:space-between;padding:20px 40px;align-items:center;max-width:1200px;margin:auto;width:100%}
header .content .brand{flex:1;display:flex;align-items:center;justify-content:space-between;width:100%}
header .content .brand img{width:350px;height:auto}
header .content nav ul{display:flex}
header .content nav ul li{margin-right:30px}
header .content nav ul li:last-child{margin-right:0}
header .content nav ul li a{text-decoration:none;color:#FFF;cursor:pointer;font-size:16px;font-weight:bold}header .content nav ul li.active a{background-color:#1c1c1c;color:#FFF;padding:8px 16px;border-radius:8px;transition:all 0.3s ease;border-color:#FFF;border-width:1px;border-style:solid}header .content .user{margin-left:20px}
header .content .user .user-name{font-size:14px;font-weight:bold;color:#FFF;text-align:center;margin-bottom:2px}
header .content .user .user-logout{font-size:12px;cursor:pointer;color:#FFF;text-align:center;text-decoration:underline;width:100%;display:block}
header .content i.fa-bars{display:none;cursor:pointer;color:#FFF;font-size:20px}
@media (max-width:768px){header .content{padding:0;flex-wrap:wrap}header .content .brand{padding:10px;order:1}header .content nav{order:4;width:100%;height:0;overflow:hidden;transition:height .5s}header .content nav.is-open{height:182px}header .content nav ul{flex-direction:column;width:100%}header .content nav ul li{margin-right:0}header .content nav ul li a{text-align:center;padding:10px;display:block}header .content .user{order:2;display:block;margin-left:0}header .content i.fa-bars{order:3;display:block;margin:0 10px}}
footer{width:100%}
footer .content{display:flex;justify-content:space-between;padding:20px 40px;max-width:1200px;margin:auto;align-items:center;width:100%}
footer .content .brand img{width:70px;height:auto}
footer .content .privacy{font-size:14px;text-decoration:none;color:#000;cursor:pointer}
footer .content .social{display:flex;align-items:center}
footer .content .social p{font-size:14px;color:#000}
footer .content .social a{text-decoration:none;color:#000;cursor:pointer;margin-left:10px}
footer .content .social a:last-child{margin-right:0}
@media (max-width:768px){footer .content{flex-direction:column}footer .content .brand,footer .content .privacy{margin-bottom:10px}}
main{width:100%;flex:1;background-position:center;background-size:cover;background-repeat:no-repeat}main .main-container{padding:20px 40px;max-width:1200px;width:100%;margin:auto;display:flex;justify-content:center;align-items:center;height:100%;width:100%}main .main-container .main-promo img{width:100%;max-width:600px;height:auto}main .main-container .main-content{flex:1;min-width:400px}main.type-promo .main-container .main-promo,main.type-promo .main-container .main-content{flex:0 0 50%;max-width:50%}main.type-promo .main-container .main-promo{display:flex;justify-content:center;align-items:center}main.type-promo .main-container .main-promo img{max-width:100%}main.type-promo .main-container .main-content{display:flex;justify-content:center;min-width:0}@media (max-width:768px){main .main-container{padding:10px;flex-direction:column-reverse}main .main-container .main-content,main .main-container .main-promo{flex:0 0 100%;max-width:100%;min-width:auto;width:100%}main .main-container .main-promo img{max-width:400px}}