/* RESETS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%;
    font-family: proxima-nova, Arial, sans-serif;
    font-size: 16px;
    /*background-color: rgb(33,40,45);*/
    background-color: #f0f0f0;
    color: #3b3b3b;
}
h1, h2, h3, h4 { color: #3b3b3b; margin-bottom: 15px ; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.5em; }
a:link, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}
p { margin-bottom: 12.5px; }

/* GENERAL */
/* @TODO: KIEZEN */
.container { max-width: 1000px; margin: 0 auto; }
.container.main-content { padding: 60px 0; }
.container-s { max-width: 800px; margin: 0 auto; }
.container-l { max-width: 1200px; margin: 0 auto; }
.container-header { margin: 0 auto; padding: 0 50px; }

/* HEADER */
header { z-index: 10; color: #fff; position: fixed; left: 0; right: 0; padding: 40px 0;
    -webkit-transition: padding .4s ease-in-out, background-color .4s ease-in-out;
    -moz-transition: padding .4s ease-in-out, background-color .4s ease-in-out;
    -ms-transition: padding .4s ease-in-out, background-color .4s ease-in-out;
    -o-transition: padding .4s ease-in-out, background-color .4s ease-in-out;
    transition: padding .4s ease-in-out, background-color .4s ease-in-out;
}
header nav.nav-bar .logo a img.big-logo {
    width: 450px;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
header nav.nav-bar .logo a span.big-logo {
    font-size: 2.2em;
    font-family: "proxima-nova";
    text-transform: uppercase;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
header nav.nav-bar .logo a.text { display: none; font-size: 1.3em; }
header nav.nav-bar .logo a.text i { font-size: 0.85em !important; }

/* MAIN NAVIGATION */
header nav.nav-bar i#open-mobile-nav, #mobile-nav i#close-mobile-nav { padding: 5px 15px; }
header nav.nav-bar i#open-mobile-nav { display: none; font-size: 1.2em; cursor: pointer; margin-right: 10px; }
header nav.nav-bar { display: flex; justify-content: space-between; align-items: center; }
header nav.nav-bar .menu-wrapper { display: flex; }
header nav.nav-bar .menu-wrapper .menu-theme-container ul { display: flex; list-style: none; font-size: 1.1em; }
header nav.nav-bar .menu-wrapper .menu-theme-container ul li { margin: 10px; }
header nav.nav-bar .menu-theme-container ul li a, header nav.nav-bar .menu-wrapper a.social {
    text-transform: uppercase;
    line-height: 1.7;
    display: inline-block;
    padding: 10px 5px 0px 5px;
    position: relative;
}
header nav.nav-bar .menu-wrapper a.social { font-size: 1.5em; line-height: 2; }
header nav.nav-bar .menu-theme-container ul li a:hover { color: #ccc; }
header nav.nav-bar .menu-theme-container ul li a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #cccccc;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
    width: 0;
}
header nav.nav-bar .menu-theme-container ul li a:hover { color: #5eacf4; }
header nav.nav-bar .menu-theme-container ul li a:after { background: #5eacf4; }
header nav.nav-bar .menu-theme-container ul li a:hover:after { width: 100%; left: 0; }
header nav.nav-bar .menu-theme-container ul li a.social:hover:after { width: 0%; left: 0; }

/* SMALL HEADER */
header.small { position: fixed; left: 0; right: 0; padding: 10px 0; }
header.small nav.nav-bar .logo a img { width: 350px; }

/* SOLID HEADER */
header.solid { background-color: #f0f0f0; color: #3b3b3b; border-bottom: 1px solid #ccc; top: 0; }

/* MOBILE NAVIGATION */
#mobile-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #f0f0f0;
    text-align: center;
}
#mobile-nav img { position: absolute; width: 250px; top: 20px; left: 40px; }
#mobile-nav i#close-mobile-nav { position: absolute; top: 25px; right: 60px; font-size: 1.2em; }
#mobile-nav ul { list-style: none; font-size: 2.1em; margin-top: 100px; }
#mobile-nav ul li { padding: 25px; margin: 25px 0; }

/* WELCOME (Front Page) */
.welcome {
    height: 100%;
    position: relative;
}
.welcome .banner {
    height: 100%;

    /* Styling */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.welcome .banner .overlay { height: 100%; /*rgba(61,97,156,0.4)*/
    background: -moz-linear-gradient(to bottom, rgba(33, 33, 33, 0.4) 0%, rgba(33, 33, 33, 0.5) 70%, rgba(33,40,45,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, rgba(33, 33, 33, 0.4) 0%, rgba(33, 33, 33, 0.5) 70%, rgba(33,40,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.4) 0%, rgba(33, 33, 33, 0.5) 70%, rgba(33,40,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664286f4', endColorstr='#373b44',GradientType=0 );
}

.banner-image {
    height: 300px;
    background-size: cover;
    background-position: center -250px;
    background-repeat: no-repeat;
    position: relative;
}
.banner-image .overlay { height: 100%; /*rgba(61,97,156,0.4)*/
    background: -moz-linear-gradient(to bottom, rgba(33, 33, 33, 0.4) 0%, rgba(33,40,45,0.65) 70%, rgba(33,40,45,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, rgba(33, 33, 33, 0.4) 0% ,rgba(33,40,45,0.65) 70%, rgba(33,40,45,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0.4) 0%, rgba(33,40,45,0.65) 70%, rgba(33,40,45,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664286f4', endColorstr='#373b44',GradientType=0 );
}
.banner-image h1 { position: absolute; display: block; bottom: 15%; left: 0; right: 0; font-size: 4em; font-weight: 100; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; }

/* Counters */
.welcome .counters {
    color: #fff;
    position: absolute;
    top: 37.5%;
    left: 0;
    right: 0;
    width: 45%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.welcome .counters .users { width: 40%; }
.welcome .counters .first-time-percentage { width: 40%; }
.welcome .counters i { font-size: 4.25em; display: block; margin-bottom: 15px; }
.welcome .counters .amount { font-size: 4.5em; font-weight: bold; }

.welcome #scroll_down img {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100px;
}

/* Content */
.section h3 { color: inherit; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.section p { margin-bottom: 10px; }
.section b { font-weight: bold; color: #95A382; }
.section.gray { background-color: #f1f1f1; }

/* Text Section */
.section.text { padding: 50px 0; }

/* Banner Section */
.section.banner { padding: 150px 0 150px 0; background-color: #21282D; }
.section.banner .grid-content {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    background-color: #f0f0f0;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.25);
}
.section.banner .grid-content h3 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.section.banner .grid-content .grid-item.text { padding: 50px; }
.section.banner .grid-content .grid-item.image { background-size: cover; background-position: center; background-repeat: no-repeat; }
.section.banner .grid-content .grid-1 {
    /* Grid Position */
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;

    /* Styling*/
    background-color: #2984d6;
    color: #fff;
}
.section.banner .grid-content .grid-1 h3 { color: #fff; }
.section.banner .grid-content .grid-4 {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.section.banner .grid-content .grid-4 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Highlighted images */
.section.highlighted { position: relative; }
.section.highlighted .image {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
}
.section.highlighted .text {
    position: relative;
    top: 0;
    padding: 100px;
    max-width: 50%;
    background-color: #f1f1f1;
}
.section.highlighted .left { left: 0; right: 50%; }
.section.highlighted .right { left: 50%; right: 0; }

/* Pack Sections */
.section.packs { padding: 100px; }
.section .packs-wrapper { display: flex; justify-content: space-between; }
.section .packs-wrapper .pack {
    flex-basis: 45%;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 5px;
}
.section .packs-wrapper .pack > * { flex-basis: 100%; }
.section .packs-wrapper .pack .header { background-color: #2984d6; color: #fff; text-align: center; padding: 30px 0 15px 0; border-radius: 5px 5px 0 0; }
.section .packs-wrapper .pack .action { align-self: flex-end; text-align: center; }
.section .packs-wrapper .pack .header h1 { font-size: 4em; color: inherit; }
.section .packs-wrapper .pack .items .item { text-align: center; font-size: 1.1em; padding: 15px 30px; border-top: 1px solid #ccc; }
.section .packs-wrapper .pack .items .item:last-of-type { border-bottom: 1px solid #ccc; }
.section .packs-wrapper .pack .action a.btn {
    margin: 30px 0 20px 0;
    padding: 15px 30px;
    display: inline-block;
    background-color: #488cd6;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.1em;
}
.section .packs-wrapper .pack .action a.btn:hover { background-color: #5996d6; }

/* Column Sections */
.section .cols-2 { display: flex; justify-content: space-between; padding: 50px 100px; line-height: 1.5; }
.section .cols-2 .column { display: inline-block; width: 45%; }
.section .cols-2 .column ul { list-style: none; }
.section .cols-2 .column h3 { margin: 30px 0 5px 0; }
.section .cols-2 .column li { margin-bottom: 4px !important; }
.section .cols-2 .column li i { margin-right: 8px !important; }
.section .cols-2 .column h3:first-of-type { margin-top: 0; }

/* Contact Section */
.section .contact-wrapper { display: flex; justify-content: space-between; padding: 75px 100px; }
.section .contact-wrapper h3 { margin-bottom: 10px; }
.section .contact-wrapper .info, .section .contact-wrapper .form { width: 45%; }
.section .contact-wrapper .form .form-field { margin-bottom: 10px; }
.section .contact-wrapper .form input.wpcf7-form-control, .section .contact-wrapper .form textarea.wpcf7-form-control  {
    display: block; width: 100%; padding: 10px; border: 1px solid #ccc;
    border-radius: 1px; font-size: 1em;
}
.section .contact-wrapper .form textarea.wpcf7-form-control { resize: vertical; min-height: 150px; font-family: proxima-nova; }
.section .contact-wrapper .form input[type=submit].wpcf7-form-control { background-color: #488cd6; color: #fff;
    border-radius: 1px; width: 100%; cursor: pointer; padding: 15px 0; font-size: 0.75em;
}
.section .contact-wrapper .form input[type=submit].wpcf7-form-control:hover { background-color: #5996d6; }

/* Item Section */
.section.items { width: 1200px; margin: 0 auto; overflow: hidden; display: flex; justify-content: space-between; padding: 100px 50px; }
.section.items .item {
    display: inline-block;
    width: calc((100% / 3) - 50px);
    text-align: center;
    background-color: #fff;
    padding: 50px 30px;
}
.section.items .item i { font-size: 3em; display: block; margin-bottom: 25px; color: #488cd6 }
.section.items .item h3 { margin-bottom: 10px; }
.section.items .items a {  }

/* Section Image */
.section.image { z-index: -2; padding: 200px 0; background-size: cover; background-position: center; background-repeat: no-repeat;
    position: relative; }
.section.image .overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(to top, rgba(33, 33, 33, 0.3) 0%, rgba(33,40,45,0.5) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(33, 33, 33, 0.3) 0% ,rgba(33,40,45,0.5) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(33, 33, 33, 0.3) 0%, rgba(33,40,45,0.5) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664286f4', endColorstr='#373b44',GradientType=0 );
}
.section.image .content { width: 1100px; margin: 0 auto; color: #fff; }
.section.image .content h1 { color: #fff; }
.section.image .content p { font-size: 18px; margin-top: 15px; }

/* FOOTER */
footer .top { padding: 10px 0 30px 0; background-color: #f0f0f0; overflow: hidden; }
footer .top .contact { float: left; }
footer .top .location { float: right; }
footer .top h3 { letter-spacing: 2px; margin-top: 25px; margin-bottom: 10px; }
footer .top h3 i { margin-left: 3px; }
footer .top .item, footer .top .time-item {  margin-bottom: 5px; }
footer .top .images img { display: block; max-height: 20px;  margin: 15px 0; }
footer .top .map { border: 2px solid #ccc; }
footer .bottom { display: block; padding: 10px 0; background-color: #21282D; color: #c4c4c4; text-align: center; overflow: hidden; font-size: 0.85em; }
footer .bottom span.divider { margin: 0 10px; }
footer .bottom a:hover, footer .bottom span.author:hover { color: #f0f0f0;
    cursor: pointer; }
footer .bottom .left { float: left; }
footer .bottom .right { float: right; }

/* MISC */
a.btn.more, input[type=submit].btn.btn-submit { text-transform: uppercase; letter-spacing: 2px; display: inline-block; border: 1px solid #fff; padding: 10px 25px; }
.box-shadow {
    -webkit-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.3);
}
span.highlight { color: #488cd6; font-weight: bold; }
.stop-scrolling { height: 100%; overflow: hidden; }

@media screen and (max-width: 1500px) {
    .page .section.highlighted .text { padding: 30px 100px; }
}
@media screen and (max-width: 1250px) {
    .banner-image { background-position: center !important; }
    .container { max-width: 800px; }
    .container-s { max-width: 600px; }
    .container-l { max-width: 1000px; }
    .container-header { max-width: 1000px; }
    .section.banner .grid-content { width: 1000px; }
    .section.items { width: 95%; padding: 100px 30px; }
    .section.items .item { width: calc((100% / 3) - 30px); }
    .section.image .content { width: 90%; }
}
@media screen and (max-width: 1200px) {
    .section.highlighted { min-height: 400px; }
    .section.highlighted .text { display: block; float: none; max-width: 100%; padding: 0 100px; }
    .section.highlighted .image { dislay: block; position: relative;
        min-height: 400px; float: none; width: 100%; background-position: center -200px; }
    .section.highlighted .left { left: 0; right: 0; }
    .section.highlighted .right { left: 0; right: 0; }
}
@media screen and (max-width: 1000px) {
    .container { max-width: 800px; }
    .container-s { max-width: 600px; }
    .container-l { max-width: 100%; }
    .container-header { max-width: 100%; }
    header nav.nav-bar .logo a img.big-logo { width: 350px; }
    .section.items { width: 100%; }
    .section.items .item { width: calc((100% / 3) - 20px); }
    /* GRID */
    .section.banner .grid-content { width: 90%; }
    .section.banner .grid-content .grid-2 { display: none; }
    .section.banner .grid-content .grid-3 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 4; }
    .section.banner .grid-content .grid-4 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; }
    .section.banner .grid-content .grid-5 { border-bottom: 1px solid #ccc; }

    .section .contact-wrapper { padding: 75px 0; }
}
@media screen and (max-width: 900px) {
    header nav.nav-bar .logo a img.big-logo { width: 300px; }
    header.small nav.nav-bar .logo a img.big-logo { width: 275px; }
    header.small nav.nav-bar .menu-theme-container ul { font-size: 1em; }
    header nav.nav-bar .menu-theme-container ul li a { line-height: 1; }
    header nav.nav-bar .menu-theme-container ul li a.social { font-size: 1.3em; margin-top: -5px; }
    .welcome .counters { width: 75%; }
    .section.banner .grid-content { width: 95%; }
    .section.items .item { width: calc((100% / 3) - 10px); }
    .section.items { padding: 100px 20px; }

    .section.packs { padding: 50px; }
    .section.packs .packs-wrapper .pack { flex-basis: 47.5%; }

    .section .cols-2 { flex-direction: column; }
    .section .cols-2 .column { width: 90%; }
    .section .cols-2 .column:first-of-type h3:first-of-type { margin-top: 0; }
    .section .cols-2 .column h3 { margin: 30px 0 5px 0 !important; }
    .section .contact-wrapper { padding: 50px 30px; flex-direction: column; align-items: center; }
    .section .contact-wrapper .info { margin-bottom: 30px; }
    .section .contact-wrapper .info, .section .contact-wrapper .form { width: 80%; }
}
@media screen and (max-width: 850px) {
    .container { max-width: 100%; }
    header nav.nav-bar .menu-wrapper { display: none; }
    header nav.nav-bar i#open-mobile-nav { display: block; }
    .welcome .counters { width: 90%; }
    /* GRID */
    .section.banner .grid-content .grid-1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 4; }
    .section.banner .grid-content .grid-3 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; border-right: 2px solid #ccc; }
    .section.banner .grid-content .grid-4 { display: none; }
    .section.banner .grid-content .grid-5 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; }
    .section.items .item { width: 60%; margin: 20px 0; }
    .section.items { padding: 20px; flex-direction: column; align-items: center; justify-content: space-between; }
    .section.image .overlay {
        padding: 150px 0;
        background: -moz-linear-gradient(to top, rgba(33, 33, 33, 0.6) 0%, rgba(33,40,45,0.75) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(to top, rgba(33, 33, 33, 0.6) 0% ,rgba(33,40,45,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to top, rgba(33, 33, 33, 0.6) 0%, rgba(33,40,45,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .section.image .content { width: 90%; }
    .section.highlighted .image { min-height: 250px; }
    footer .top { padding: 10px 40px 30px 40px; }
    footer .bottom { padding: 10px 30px; }
}
@media screen and (max-width: 800px) {
    .section.banner .grid-content { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; }
    .section.banner .grid-content .grid-1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; }
    .section.banner .grid-content .grid-3 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; border-bottom: 1px solid #ccc; }
    .section.banner .grid-content .grid-5 { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; }
    .section.banner .grid-content .grid-item.text { padding: 25px; }
    .section.items .item { width: 75%; }
    .section.image { padding: 100px 0; text-align: center; }
    .section.packs { padding: 50px 20px; }
    .section .cols-2 { padding: 30px; }
}
@media screen and (max-width: 750px) {
    .top .location .map iframe { max-width: 350px; }
    .section.packs { padding: 50px 25px; }
    .section .cols-2 .column { width: 95%; }
}
@media screen and (max-width: 700px) {
    .section.highlighted { min-height: 0; }
    .section.highlighted .image { dislay: block; background-position: center; }

    footer .bottom { padding: 5px 0; }
    footer .bottom .left, footer .bottom .right { float: none; width: 100%; padding: 2px 30px; }
}
@media screen and (max-width: 650px) {
    .page .section.highlighted .text { padding: 30px 50px; }
    .section.banner { padding: 150px 0 0 0; }
    .section.banner .grid-content { width: 100%; }
    .section.banner .grid-content .grid-item .text { padding: 15px 40px; }
    footer .top { padding: 0 40px; }
    footer .top .contact { float: none; overflow: hidden; }
    footer .top .location { float: none; }
    footer .top .contact .main-contact-wrapper { float: left; }
    footer .top .contact .link-footer-wrapper { float: right; }
    .top .location .map iframe { max-width: 100%; }
    .section.packs { padding: 50px 100px; }
    .section.packs .packs-wrapper { flex-direction: column; align-items: center; }
    .section.packs .packs-wrapper .pack:first-of-type { margin-bottom: 50px; }
    .section .contact-wrapper .info, .section .contact-wrapper .form { width: 90%; }
}
@media screen and (max-width: 625px) {
    footer .top .contact .main-contact-wrapper { float: none; }
    footer .top .contact .link-footer-wrapper { display: none; }
    footer .top .contact .main-contact-wrapper .contact-footer-wrapper { float: left; }
    footer .top .contact .main-contact-wrapper .whatsapp-footer-wrapper { float: right; }
}
@media screen and (max-width: 600px) {
    @media screen and (orientation: portrait) {
        .section.highlighted.image { min-height: 800px; }
    }
    .section.highlighted.image { min-height: 100px; }
    .container-header { padding: 0 25px !important; }
    /*header nav.nav-bar .logo a img.big-logo { display: none; }*/
    /*header nav.nav-bar .logo a.text { display: block; }*/
    .container-s { max-width: 100%; }
    .section.items .item { width: 85%; }
    footer .top { padding: 20px; }
    footer .top .contact, footer .top .location { float: none; }
    footer .bottom .left, footer .bottom .right { padding: 2px 15px; }
    .section.packs { padding: 50px; }
}
@media screen and (max-width: 500px) {
    .page .section.highlighted .text { padding: 30px; }
    header nav.nav-bar .logo a img.big-logo { width: 250px; }
    .welcome .counters { flex-direction: column; align-items: center; top: 22.5%; }
    .welcome .counters .users { margin-bottom: 30px; }
    .welcome .counters i { font-size: 3.5em; }
    .welcome .counters .amount { font-size: 3.25em; }
    .section.items .item { width: 90%; }
    .section.packs { padding: 30px; }
    footer .bottom .left .divider { display: none; }
    footer .bottom .left { padding-top: 0; }
    footer .bottom .right { padding: 10px 0; }
    footer .bottom .left .copyright, footer .bottom .left .links { display: block; padding: 10px 0; border-bottom: 1px solid #393f44; }
}
@media screen and (max-width: 400px) {
    header nav.nav-bar .logo a img.big-logo { width: 150px; }
    header nav.nav-bar i#open-mobile-nav { padding: 2px 15px 5px 15px; }
    header.solid { padding: 20px 0; }
    #mobile-nav img { width: 200px; margin-top: 2px; }
    #mobile-nav i#close-mobile-nav { position: absolute; top: 24px; right: 36px; font-size: 1.3em; }
    #mobile-nav ul { font-size: 1.6em; margin-top: 100px; }
    .welcome .counters i { font-size: 2.5em; }
    .welcome .counters .amount { font-size: 2.25em; }
    footer .top .contact .contact-footer-wrapper { float: none; }
    footer .top .contact .link-footer-wrapper { float: none; }
}