#navigation {
   position: relative;
   top: 0;
   background: url(/design/img/index/nav_bg.png);
   padding: 0;
   background-size: cover;
}
#navigation nav {
   padding-top: 20px;
}
#navigation #logo {
   background: url(/design/img/logo.png);
   background-size: contain;
   background-repeat: no-repeat;
}
#navigation #top_nav,
#navigation #top_nav a {
   color: #ecc04a;
   transition: 0.3s;
}
#navigation #top_nav a:hover {
   color: #fff;
}
#banner_mailchimp .wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 30px 0 20px 0 !important;
}

#banner_mailchimp .wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 50px 0 30px 0;
}
#banner_mailchimp h2 {
   font-size: 35px;
   text-align: center;
   background: unset !important;
}
#banner_mailchimp p {
   font-size: 20px;
   color: #fff;
   margin: 20px 0 40px 0;
   line-height: 25px;
   text-align: center;
}

#navigation #bot_nav ul li a,
#navigation #bot_nav #burger i {
   color: #fff;
}
footer {
   background: #000 !important;
}
footer .wrapper #footer_logo {
   background: url(/design/img/footer_logo.png);
   background-size: contain;
   background-repeat: no-repeat;
}

footer .wrapper #foter_info,
footer .wrapper #social li a,
footer .wrapper #foter_info a {
   color: #ecc04a !important;
}
footer .wrapper #foter_info a:hover {
   color: #fff !important;
}
@media screen and (min-width: 900px) {
   #banner_mailchimp .wrapper {
      padding: 150px 0 100px 0 !important;
      width: 850px;
   }
   #banner_mailchimp h2 {
      font-size: 75px;
   }
   #banner_mailchimp p {
      font-size: 25px;
      margin: 40px 0 80px 0;
      line-height: 35px;
   }
}
@media screen and (min-width: 1200px) {
   #banner_mailchimp .wrapper {
      padding: 220px 0 75px 0 !important;
   }
}
@media screen and (min-width: 1500px) {
   #navigation {
      background-position-y: -100px;
   }
}
@media screen and (min-width: 1900px) {
   #navigation {
      background-position-y: -200px;
   }
}