/** {
  text-rendering: optimizeLegibility;
}*/

body {
  font-family: 'ProximaNova-Regular', sans-serif;
  font-size: 17px;
  line-height: 1.4;
  background: #F2F2F2;
}

b, strong {
  font-family: 'ProximaNova-Bold', sans-serif;
}

a {
  color: #42AD85;
}

a:hover {
  color: #42AD85;
}

a:active,
a:focus {
  color: #2C2C2C;
}

header {
  background: #2C2C2C;
  color: #FFF;
  position: relative;
  line-height: 1;
  padding: 33px 0 30px;
  vertical-align: baseline;
}

header .logo-wrap {
  float: left;
}

header #logo {
  width: 232px;
  height: 35px;
  display: inline-block;
  background: url(../img/logo@1x.gif) no-repeat;
  background-size: cover;
  text-indent: -1000px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 15px;
}

header h2 {
  display: inline;
  margin: 0;
  color: #42AD85;
  line-height: 42px;
  vertical-align: middle;
  transition: all 0.2s;
}

header h2 a:hover {
  color: #FFF;
  text-decoration: none;
  transition: all 0.4s;
}

header h3 {
  display: inline-block;
  margin: 0;
  color: #777;
}

header nav {
  float: right;
}

header form {
  display: inline-block;
  margin-left: 15px;
}

header form input {
  background: #444;
  color: #EEE;
  border: none;
  padding: 7px 11px;
  margin: 0;
  width: 280px;
}

header form label {
  position: absolute;
  padding: 8px 12px;
  color: #999;
  visibility: hidden;
}

header .btn {
  font-size: 16px;
  padding: 8px 15px;
  background: #2C2C2C;
  border: 1px solid #00c288;
  color: #00c288;
}

header .btn:hover,
header .btn:active,
header .btn:focus {
  background: #00c288;
  color: #2C2C2C;
}

footer {
  padding: 30px 0 50px;
  font-size: 15px;
  color: #777;
}

footer.tags {
  background: #DDD;
}

footer.tags a {
  color: #777;
}

footer.tags a:hover,
footer.tags a:active,
footer.tags a:focus {
  color: #555;
}

footer.editions {
  background: #2C2C2C;
}

footer.editions a {
  color: #AAA;
}

footer.editions a:hover,
footer.editions a:active,
footer.editions a:focus {
  color: #CCC;
}

footer.editions a.sel {
  color: #FFF;
  font-family: "ProximaNova-Bold";
}

footer a.sel:hover {
  text-decoration: none;
  cursor: default;
}

footer ul {
  margin: 0;
  padding: 0;
}

footer li {
  list-style: none;
}

footer h4 {
  font: 400 20px/1 "Rubik", sans-serif;
  margin: 0 0 15px;
}

footer .copytag {
  margin: 30px 0 0 0;
}



section.content {
  padding: 30px 0 50px;
}


.tag-index ul {
  padding-bottom: 30px;
}

.tag-index li {
  list-style: none;
}


h1 {
  font: 400 30px/1.2 "Rubik", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 25px;
  /*color: #777;*/
}

h1 .visit {
  font-size: 19px;
  margin-left: 10px;
  /*font: normal 17px 'ProximaNova-Regular', sans-serif;*/
}

.title {
  margin: 0 0 30px;
}

.title h1 {
  margin: 0 0 10px;
}

.title h2 {
  font-size: 22px;
  color: #999;
}

h2 {
  font: 400 26px/1.2 "Rubik", sans-serif;
  letter-spacing: -0.5px;
  margin: 0 0 15px;
 /* color: #777;*/
}

.ad {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 30px;
}

.ad-sticky {
  margin-top: 30px;
}

.ad-sticky .ad {
  float: none;
}



@media (max-width: 767px) {
  
  header {
    text-align: center;
    padding: 30px;
  }

  header .logo-wrap {
    float: none;
    margin: 0 auto;
  }

  header #logo {
    margin: 0 auto 15px;
  }

  header h3,
  header .submit {
    display: none;
  }

  header nav {
    float: none;
  }

  section.content {
    padding: 15px 0 30px;
  }

  h1, h2 {
    font-size: 28px;
    text-align: center;
  }

  .title {
    margin: 0 0 15px;
  }

  h2 {
    clear: both;
    padding-top: 30px;
  }


}


@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
  header #logo {
    background-image: url(../img/logo@2x.gif);
  }
}