#slider p {
  background-color: rgba(57, 80, 109, 0.7);
  bottom: 0;
  color: #FFFFFF;
  font-size: 0.875em;
  font-weight: 300;
  letter-spacing: -0.003em;
  line-height: 1.5em;
  max-width: 521px;
  padding: 11px 18px 11px 88px;
  position: absolute;
}

#slider h1 {
  color: #FFFFFF;
  font-family: 'Open Sans',sans-serif;
  font-size: 3.75em;
  font-weight: 300;
  left: 13%;
  letter-spacing: -0.03em;
  position: absolute;
  top: 28%;
}



#category-main {
  margin: 34px auto;
  font-family: Tahoma;
  font-size: 0.8125em;
  color: #3f3e3e;
}

#category-main > .row {
  padding-top: 23px;
  padding-bottom: 23px;
  border-top: 1px dotted #444;
  border-bottom: 1px dotted #444;
  max-width: 977px;
}

#category-main > .row > .columns:first-child {
  padding-left: 0;
}

#category-main > .row > .columns:last-child {
  padding-right: 0;
}

#category-main h3 {
  color: #275EA7;
  font-size: 1em;
}

#category-main p,
#category-main ul,
#category-main ol {
  font-size: 1em;
}

.relative-articles article {
  min-height: 200px;
}

.relative-articles > h1 {
  border-bottom: 1px solid #275EA7;
  border-top: 1px solid #275EA7;
  color: #636363;
  font-family: 'Open Sans',sans-serif;
  font-size: 1.4375em;
  font-weight: 300;
  padding: 0 0 0.1em 0.6em;
}

.relative-articles ul {
  list-style: none outside none;
  margin: 0;
}

.relative-articles li {
  float: left;
}

.relative-articles li:nth-child(4n) {
  margin-right: 0;
}

.relative-articles li h1 {
  color: #275EA7;
  font-family: 'Open Sans',sans-serif;
  font-size: 1.125em;
  min-height: 50px;
}

.relative-articles li p {
  color: #3F3E3E;
  font-family: Tahoma;
  font-size: 0.8125em;
  margin-bottom: 0;
  min-height: 73px;
}



.relative-articles article > a:last-child {
  color: #275ea7;
  font-size: 0.875em;
  font-family: 'Open Sans Condensed',sans-serif;
  font-weight: 700;
}

.relative-articles article > a:last-child:after {
  content: "\0BB";
  margin-left: 0.4em;
}

#bottom-topics {
  background-color: #D7DAE0;
  padding: 19px 0;
}

#bottom-topics img {
  border: 6px solid #FFF;
}

#footer-top {
  margin-top: 24px;
}



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


  #slider h1 {
    font-size: 42px;
  }

  #category-main {
    padding: 0 17px;
  }

  .relative-articles article {
    min-height: 143px;
  }

  .relative-articles li h1 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .relative-articles li {
    width: 30%;
  }

  .relative-articles li {
    border: 10px solid #FFF;
    margin-bottom: 15px;

    width: 50%;
  }

  .relative-articles li img {
    width: 100%;
  }

}


@media only screen and (min-width: 641px) {

  .relative-articles li {
    float: left;
    margin-bottom: 37px;
    margin-right: 4%;
    width: 22%;
  }

}