header {background-color:#FFF;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:auto;height:24px }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:#13216A;cursor:pointer;font-size:12px;font-weight:500 }header .content nav ul li a:hover{color:#E22D2C }header .content .user{margin-left:20px }header .content .user .user-name{font-size:14px;font-weight:bold;color:#E22D2C;text-align:center;margin-bottom:2px }header .content .user .user-logout{font-size:12px;cursor:pointer;color:#13216A;text-align:center;text-decoration:underline;width:100%;display:block }header .content i.fa-bars {display:none;cursor:pointer;color:#13216A;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:130px }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%;background-color:#E22D2C }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:auto;height:30px }footer .content .terms {font-size:14px;text-decoration:none;color:#FFF;cursor:pointer }footer .content .social {display:flex;align-items:center }footer .content .social p {font-size:14px;color:#FFF }footer .content .social a {text-decoration:none;color:#FFF;cursor:pointer;margin-left:10px;border-radius:50%;display:flex;background-color:#13216A;height:22px;width:22px;justify-content:center;align-items:center }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-color:#13216A;background-image:url(../themes/volt/assets/images/background_promo.png);background-position:center;background-size:cover;background-repeat:no-repeat }main .main-container {padding:20px 40px;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;height:100%;width:100% }main .main-container .main-promo{flex:1;margin-right:10px }main .main-container .main-promo .main-promo__image{width:100%;height:auto }main .main-container .main-content {flex:1 }@media (max-width:768px) {main .main-container{padding:10px;flex-direction:column }main .main-container .main-content{flex:1;min-width:auto;width:100%;max-width:600px }main .main-container .main-promo{margin-bottom:20px;margin-right:0;max-width:400px }main .main-container .main-promo .main-promo__slogan,main .main-container .main-promo .main-promo__description,main .main-container .main-promo .main-promo__terms{width:100%;max-width:600px }}