*{

  font-family: "Arial","Tahoma","Pathway Gothic One";
  /*font-family: "Tahoma","Arial","Helvetica","Pathway Gothic One";*/
  letter-spacing: -1px;
}
@font-face {
        font-family: Pathway Gothic One;
        src: url("PathwayGothicOne.eot") /* for IE */
    }
    @font-face {
        font-family: Pathway Gothic One;
        src: url("../fonts/PathwayGothicOne-Regular.ttf") /* for CSS3/New browsers */
    }
    @font-face {
        font-family: Pathway Gothic One;
        src: url("https://fonts.googleapis.com/css?family=Pathway Gothic One") /* for CSS3/New browsers */
    }

h2 {
  font-size: 24px;
  font-weight: 700px;
  text-align: left;
  padding-top: 2%
}
h3 {
  font-size: 18px;
  line-height: 155%;
  padding: 3% 0% 2% 0%;
  text-align: left;

}
p {
  font-size: 110%;
  line-height: 150%;
  padding: 1%;
/*  text-indent: 2%;*/
  text-align: justify;

}


header {
  background-color: #fff;

  width: 100%;
  height: 80px;
}

@media (min-width: 1200px) {
  header {
    background-color: #fff;
    position: fixed;

  }
 }
#header-inner {
  max-width: 1200px;
  margin: 0 auto;
}
#logo {
  margin: 20px;
  float: left;
  width: 200px;
  height: 60px;
  background: url(https://res.cloudinary.com/dgpmuegqe/image/upload/v1492571257/RD_ocobwj.png) no-repeat center;
}
/*---start navigation---*/
nav {
  float: right;
  padding: 25px 20px 0 0;
}
#menu-icon {
  display: hidden;
  width: 40px;
  height: 40px;
  background: url(https://res.cloudinary.com/dgpmuegqe/image/upload/v1492571257/nav_xe79ju.png) center;
}
a:hover#menu-icon {
  border-radius: 4px 4px 0 0;
}
ul {
  list-style-type: none;
}
nav ul li {
  font-size: 150%;
  /*display: inline-block;*/
  float: center;
  padding: 10px;
}
nav ul li a {
  color: #F5F5F5;
  text-decoration: none;
}
nav ul li a:hover {
  color: #C3D7DF;
}
.current {
  color: #C3D7DF;
}
/*---end of navigation---*/
.banner {
  width: 100%;
  background-color: #6991AC;
}
.banner-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.one-fourth {
  width: 25%;
  float: left;
  text-align: center;
}
#html {
  background-color: #F1AA90;
}
#css {
  background-color: #8BE9AD;
}
#seo {
  background-color: #AADCD2;
}
#social {
  background-color: #A2b2C1;
}
.one-fourth i {
  color: #F0F0F0;
  font-size: 500%;
  padding: 13% 0 4% 0;
}
.inner-wrapper {
  float: left;
  width: 100%;
  background-color: #C3D7DF;
}
article {
  float: left;
  width: 50%;
  margin; 0 auto;
  height: auto;
}
#tablet {
  background-color: #C3D7DF;
}
aside {
  width: 50%;
  float: right;
  margin: 0 auto;
  height: auto;
}
#tablet2 {
  background-color: #A2B1C1;
}
#mobile {
  background-color: #BEB9AD;
}
#desktop {
  background-color: #F1AA90;
}
.inner-wrapper-2 {
  width: 100%;
  float: left;
  background-color: #C3D7DF;
}
.inner-wrapper-3 {
  width: 100%;
  float: left;
  background-color: #AADCD2;
}
.one-third {
  width: 33.33333333%;
  float: left;
  text-align: center;
}
#google {
  background-color: #A2B1C1;
}
#marketing {
  background-color: #BEB98D;
}
#customers {
  background-color: #AADCD2;
}
#smelly {
  background-color: #AADCD2;
  padding: 0 0 1%;
  clear: both;
}
/*--footer---*/
footer {
  background-color: #fff;
  width: 100%;
}
.social {
  list-style-type: none;
  text-align: center;
}
.social li {
  display: inline;
}
.social i {
  font-size: 450%;
  margin: 1%;
  padding: 5% 5% 5% 4%;
  color: #C3D7DF;
}
.social i:hover {
  color: #f5f5f5;
}
/*--- begining of second footer---*/
footer.second {
  border-top: 2px solid #AADCD2;
  background-color: #544859;
  max-height: 35px;
}
footer.second p{
  text-align: center;
}
/*---media start----*/
@media screen and (max-width: 768px) {
  h2 {
    font-size: 150%;
  }
  h3 {
    font-size: 125%;
  }
  p {
    font-size: 110%;
  }

  .banner {
    padding-top: 86px;
  }
  .one-fourth {
    float: left;
    width: 100%;
  }
  .one-fourth i {
    font-size: 350%;
    padding: 4% 0 1% 0;
  }
  article {
    width: 100%;
  }
  aside {
    width: 100%;
  }
  .hand-mobile {
    display: none;
  }
  .one-third {
    width: 100%;
  }
  .social i {
    font-size: 180%;
  }
}
.bk_text{
  font-size: 16px;
  padding: 0%;
}
.bk_date{
  font-size: 24px;
  padding: 1% 0% 2% 0%
}
.footerlist :hover{
text-decoration: none;
color: blue;
}