*body{
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  padding:0;
  margin:0;
  background-color:#f4f4f4; 
  scroll-behavior: smooth;

}

  /* Global*/
  .container{
    width:80%;
    margin:auto;
    overflow:hidden;
     }

  ul{
  margin:0;
  padding:0; 
  }
  .button_1{
    height:38px; 
    background:#e8491d;
    border:0;
    padding-left: 20px;
    padding-right: 20px;
    color:#ffffff;
  }

 .tk {
  padding-left: 90px;
  float: none;

 }

  *
   /* Header */
   header{
    background: #156699;
    color:#ffffff;
    padding-top: 30px;
    min-height: 70px;
    border-bottom: #e8491d 3px solid;
   }

   header a {
  display: inline-block;
  padding: 2px;
  background: linear-gradient(yellow, #ffce14);
  border-radius: 20px;
}
    header a > span {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  background: #156699;
  border-radius: 18px;
}

header a > span > span {
  font-weight: bold;
  background: linear-gradient(yellow, #ffce14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
   header ul {
    margin:0;
    padding:0; 
   }
   header li {
    float:left;
    display: inline;
    padding: 20px 0  0 20px;
    
   }
   header #branding h1{
   margin: 0;
   }
   header nav{
    float: right;
    margin-top: 10px;
    
   }

   header .highlight, header .current a{
    color: #ffce14;
    font-weight:bold;

   }
    header a:hover{
    color: #cccccc;
    font-weight: bold;
    }
     /* Showcase*/
     #showcase{
      min-height: 400px;
      background: url('../images/FB7.png') no-repeat;
      text-align: center;
      color:#ffffff;
     }
     #showcase h1{
     margin-top:100px; 
     font-size:55px;
     margin-bottom: 10px;
     }
     #showcase p{
      font-size: 20px;
     }
     /* Newsletter */
    #newsletter {
    padding: 15px;
    color:#ffffff;
    background:#5ea388;
    }
    #newsletter h1 {
      margin-top: 10px;
      text-align: center;
    }
    #newsletter form {
      float:right;
      margin-top:15px;
    }
    #newsletter input[type="email"]{
      padding:4px;
      height:25px; 
      width:250px;
      
    }
    /* Boxes */
    #boxes {
      margin-top: 20px;
    }
    #boxes .box{
    float:left;
    text-align: center;
    width:30%;
    padding: 10px;
    }

    #boxes .box img {
      width:90px;
    }
    
    /* Sidebar */
    aside#sidebar {
      float: right;
      width:30%;
      margin-top: 10px;
    }

    aside#sidebar .quote input, aside#sidebar .quote textarea {
      width:90%;
      padding:5px;

    }
     /* Main-col */
     article#main-col {
      float:left;
      width:65%;
     }

     .dark{
      padding: 15px;
      background:#35424a;
      color:#ffffff;
     }
     /* Services */
     ul#services li{
     list-style: none;
     padding: 20px;
     border: #cccccc solid 5px;
     margin-bottom: 5px;
     background:#e6e6e6;
     }
    footer{
     padding: 20px;
     margin-top: 20px;
     color:#ffffff;
     background-color: #5ea388;
     text-align:center;
    }
    
    /* Media Queries */
    @media(max-width: 768px){
      header #branding,
      header nav,
      header nav li,
      #newsletter h1,
      #newsletter form,
      #boxes .box,
      article#main-col,
      aside#sidebar {
        float:none;
        text-align: center;
        width:100%;
      }
      header{
        padding-bottom:20px;
      }
      #showcase h1 {
        margin-top: 40px;
      }
      #newsletter button, .quote input, .quote textarea {
        display: block;
        width:100%;
      }
      #newsletter form input[type="email"]{
        width:100%;
        margin-bottom:5px;
      }
    }
    #container {
  scroll-behavior: smooth;
  overflow-y: scroll;
}