@font-face {
  font-family: Lato-Light;
  src: url("./../fonts/Lato/Lato-Light.ttf");
}

@font-face {
  font-family: Lato;
  src: url("./../fonts/Lato/Lato-Regular.ttf");
}

body, html {
  height: 100%;
}

body, html, h1,h2,h3,h4,h5,h6 {
  font-family: Lato, Arial, Helvetica, sans-serif;
  line-height: 1.8;
}

h1, h2 {
  font-weight: lighter;
}

p {
  font-size: 18px;
}

p a {
  font-size: inherit ;
}
.w3-bar .w3-button {
  padding: 16px;
}

a {
    font-size: 18px ;
    text-decoration: none;  
}

.site-logo img {
  height: 70px;
  width: auto;
}


a:hover {
  text-decoration: underline;  
}
.menu {
  margin: 20px;
}

.menu a {
  text-transform: capitalize;
  list-style: none;
  padding: 10px;
}

.menu li {
  display: inline;
}


.mobile-nav {
  position: fixed !important;
  height: 100%;
  width: 100%;
  right: 0px;
  top: 0px;
  opacity: .9;
}

.main-content {
  margin-top: auto;
}

.landing-slider {
  height: 90vh;
  width: 100vw;
}
.projects-slider {
  height: 90vh;
  width: 100vw;
}

.slider-project-title {
  text-decoration: underline;
}

.page-content { /* for content below the slider*/
  width: 80%;
  margin: auto;
}
.project-category {
  color: #909190;
}
.project-category a {
  font-size: 14px;
}
.post-thumbnail img {
  width: 300px;
  height: 300px;
}

.portfolio-section {
  padding-bottom: 10px;
}

.small-portfolio-image {
  position: relative;
  width: 400px;     
  height: 300px;
  overflow: hidden;
}
.small-portfolio-image img {
     max-width: 100%;
     width: 100%;
     height: auto;
     top: 50%;     
     left: 50%;
}

.portfolio-row div.w3-col {
  padding: 20px;
}

.main-footer .fa {
  padding-right: 10px;
}
/*** W3.CSS overrides ***/

/* overrides w3-top, w3-bottom fixed position */
.main-footer {
  position: relative !important;
}

/*overrides figure margins 1em 40px to allow custom created content and wordpress generated content to have same margins */
figure {
  margin: auto !important;
}

.category-title {
  text-transform: uppercase;
}

.header-block a {
  font-weight: lighter;
  text-decoration: underline;
}

.header-block h2 {
  font-family: Lato-Light;
  padding: 50px 0 50px 0;
}

.landing-bg {
  height: 300px;
  background: url(./../images/horizontal-bar.svg) center no-repeat;
}
/** Media Queries **/
@media only screen and (min-width: 1460px ) {

  .project-category a{
    font-size: 18px;
  }

}

@media only screen and (max-width: 1440px ) {
  p {
    font-size: initial;
  }

  .page-content { /* for content below the slider*/
    width: 90%;
  }
  .project-category a{
    font-size: 16px;
  }

}

@media only screen and (max-width: 1024px ) {

 .projects-slider {
   height: auto;
 }

 .header-block h2 {
  padding: 100px 10px 100px 10px;
}

}

@media only screen and (max-width: 768px ) {

  .menu {
    margin: 50px 0px 0px 0px;
  }

  .menu li {
    display: block;
    padding: 10px 0px 10px 0px;
  }

  .projects-slider {
    height: 90vh;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .main-content {
    padding-left: auto;
    padding-right: auto;
  }

  .landing-bg {
    height: 180px;
    background: url(./../images/horizontal-bar.svg) center no-repeat;
  }
}