/* compiled by scssphp v0.3.1 on Wed, 12 Apr 2017 08:15:26 +0200 (0.0251s) */

@media screen and (min-width: 320px) {
  .news .posts .news-header {
    margin-top: 65px; }

  .socials .social {
    padding: 25px; } }

@media screen and (min-width: 768px) {
  .banner .content-container .content .logo {
    margin: 40px auto;
    width: 200px; }
    .banner .content-container .content .logo img {
      max-width: 200px;
      width: 200px; }
    .banner .content-container .content h1 {
      font-size: 86px !important;
      line-height: 68px !important; }
    .banner .content-container .content h2 {
      font-size: 34px !important; }
    .banner .content-container .content p {
      font-size: 16px !important; }
    .banner .content-container .content a {
      font-size: 16px !important; }

  .news .posts .news-header {
    height: 19vh !important; }

  .single-post .head {
    margin-top: 160px !important; }
    .single-post .feature-image {
      height: 80vh; }

  .socials .social {
    padding: 30px; } }

@media screen and (min-width: 1024px) {
  .banner .content-container .content {
    padding-top: 100px; }

  .news .posts .news-header {
    height: auto;
    margin-top: 120px !important; }

  .content-area img {
    max-width: 100px;
    width: 100px; }

  .single-post .head {
    margin-top: 70px !important; }
    .single-post .feature-image {
      height: 60vh !important; } }

@media screen and (max-width: 1199px) {
  .desktop nav ul li a {
    padding: 19px 15px !important; }
    .desktop nav .logo {
      margin-top: 18px !important; }
    .desktop nav .account-meta a {
      padding: 10px 25px !important; }
    .desktop nav .cart {
      padding: 24px 0px 20px 0px !important; } }