@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');
 body {
   font-family: Montserrat;
   line-height: 1.4;
   font-size: 18px;
}
 img {
   max-width: 100%;
   width: auto;
   height: auto;
}
 a {
   color: #08c;
   font-weight: bold;
   text-decoration: none;
}
 .hentry {
   max-width: 46em;
   margin: 50px auto;
    padding: 0px 15px;
}
 .entry-title {
   grid-area: header;
   margin: 1em 0 0.5em;
   line-height: 1;
   text-transform: capitalize;
   font-weight: bold;
}
 .featured-image {
   grid-area: featimg;
}
 .entry-meta {
   grid-area: meta;
   margin-bottom: 2em;
    padding: 0px 5px;
    font-size: 18px;
}
 .entry-content {
   grid-area: content;
   padding: 5px 5px;
   font-size: 16px;
}
 .entry-footer {
   grid-area: footer;
   text-align: right;
   border-top: 1px solid #777;
   margin-top: 1em;
}
 .author, .date {
   color: #777;
}
 .author + .date:before {
   content: " | ";
}
 .author a {
   color: #000;
   font-weight: bold;
   text-decoration: none;
}
@media (max-width:580px){
  #container {
    padding-top: 13px !important;
  }

}
 @media (min-width: 40em) {
   .hentry {
     grid-column-gap: 20px;
     grid-template-areas: "header header header header" "meta meta meta meta" "featimg featimg featimg featimg" "content content content content" "footer footer footer footer";
  }
   .entry-title {
     font-size: 30px;
     margin-bottom: 0;
  }
}
 @media (min-width: 50em) {
   .hentry {
     grid-template-areas: "header header header header" "featimg featimg featimg featimg" "meta content content content" "footer footer footer footer";
  }
   .author{
     display: block;
     margin: 0.2em 0;
     font-size: 14px;
  }
  .date {
     display: block;
     margin: 0.2em 0;
     font-size: 14px;
  }
   .author + .date:before {
     display: none;
  }
   .entry-title {
     font-size: 3m;
     margin-bottom: 0.7em;
  }
}
 

 .title{
  font-size: 36px;
    font-weight: 500;
    color: #f5ab35;
    text-align: center;
    padding: 25px 0px;
 }

 .contact-page-section .form-column .inner-column {
    position: relative;
    padding: 0px 45px 30px !important;
    background-color: #fff;
}
.contact-page-section {
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 110px;
}

.entry-title:hover {
    cursor: pointer !important;
    color: #0b689f;
    text-decoration: underline;
   -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}