/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  10/13/2020 // BS v4.5.3
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
.layout-home h1 {
    padding: 100px 50px;
}

.layout-home h1 strong {
    font-size: 47px;
}

@media (min-width: 1440px) {
  .bg-blue p,
  .bg-blue ul {
    font-size: 33px;
  }
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.header {
   padding-top: 50px;
   padding-left: 6vw;
}

@media (min-width: 1440px) {
  .header {
     padding-left: 9vw;
  }
}

.logo {
    width: 298px;
}
/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.button_container {
    top: 50px;
    right: 6vw;
}

.nav-logo span {
    top: 50px;
    left: 6vw;
    width: 61px;
    height: 103px;
}

@media (min-width: 1440px) {
  .button_container {
      right: 9vw;
  }
  .nav-logo span {
      left: 9vw;
  }
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main {
    padding: 100px 6vw;
}

@media (min-width: 1440px) {
   .main {
    padding-left: 9vw;
    padding-right: 9vw;
   }
 }

.p-extra {
    padding-bottom: 100px;
}

.unit {
    margin-top: 50px;
    margin-bottom: 50px;
}

.heading-container {
   margin-top: -150px;
}

.icon-box {
    width: 330px;
}

@media (min-width: 1200px) {
  .content-icons span {
      margin-right: 40px;
  }
}

.icon-phone24 {    
    width: 73px;
    height: 72px;
}

.icon-truck {    
    width: 77px;
    height: 51px;
    margin-bottom: 10px;
}

.icon-tools {    
    width: 63px;
    height: 63px;
    margin-bottom: 4px;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
footer {
     margin-left: 6vw;
     margin-right: 6vw;
  }

@media (min-width: 1440px) {
  footer {
     margin-left: 9vw;
     margin-right: 9vw;
  }
}

.footer {
    padding-top: 100px;
    padding-bottom: 50px;
}