body {
  font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: rgb(240, 240, 240);
}

a {
  text-decoration: none;
}
a:link, a:visited {
  color: #000;
}
a:hover {
  color: #0FA0CE;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.header-area {
  text-align: center;
  margin-top: 120px;
  margin-bottom: 160px;
}

.header-logo {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.header-title {
  /*font-family: "Roboto Condensed", "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-weight: 300;*/
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 100;
  font-size: 2.8rem;
  letter-spacing: .1rem;
}

.header-subtitle {
  margin-bottom: 30px;
  /*font-family: "Roboto Condensed", "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-weight: 300;*/
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 100;
  font-size: 1.9rem;
  letter-spacing: 0.2rem;
}

.header-menu {
  /*font-family: "Roboto Condensed", "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*text-transform: uppercase;*/
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 1.6rem;
  letter-spacing: .2rem;
}

.area-title {
  text-align: center;
  margin-bottom: 20px;
  /*font-family: "Roboto Condensed", "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-weight: 300;*/
  /*text-transform: uppercase;*/
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 100;
  font-size: 2.4rem;
  letter-spacing: .1rem;
  color: rgb(180, 180, 180);
  margin-bottom: 40px;
}

.work-area {
   margin-bottom: 120px;
}

.work {
  /*float: left;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*padding-right: 20px;*/
  padding-bottom: 20px;
}

.work-name {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 100;
  font-size: 2.2rem;
  margin-bottom: 4px;
}

.work img {
  border-radius: 10px;
}

.work-carto {
  position: relative;
  height: 360px;
}

.work-carto-bg {
  width: 100%;
  height: 100%;

  border-radius: 10px;
  background-image: url("../img/icon-carto-wide.jpg");
  background-size: auto 100%;
  background-position: center;

  -webkit-transition: filter 0.25s;
  transition: filter 0.25s;
}

.work-carto:hover .work-carto-bg {
  filter: brightness(0.64) grayscale(0.8);
}

.work-carto-txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;

  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 100;
  font-size: 2rem;
  letter-spacing: .1rem;
  text-align: center;
  line-height: 360px;

  /*color: white;*/
  /*display: none;*/
  color: rgba(255,255,255,0);

  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.work-carto-txt a {
  color: rgba(255,255,255,0);

  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.work-carto:hover .work-carto-txt {
  /*display: block;*/
  color: white;
}

.work-carto:hover .work-carto-txt a {
  color: white;
}

.work-carto:hover .work-carto-txt a:hover {
  color: #0FA0CE;
}

.about-area {
  text-align: center;
  margin-bottom: 120px;
}

.newsletter-area {
  text-align: center;
  margin-bottom: 120px;
}

.footer-area {
  /*font-family: "Roboto Condensed", "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*text-transform: uppercase;*/
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 1.6rem;
  letter-spacing: .2rem;
  margin-bottom: 100px;
}

.footer-left {
}

.footer-right {
  text-align: right;
}

/* single.html */

.disqus-area {
  margin-top: 80px;
}