@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,900");
@import url("https://fonts.googleapis.com/css?family=Kaushan+Script");
h1, h2, h3, h4, h5, h6, p, span, a, button {
  font-family: "Roboto", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 100; }

.title {
  font-family: "Kaushan Script", cursive; }

p, span, a, button {
  font-weight: 300; }

#sn_numeros {
  background-color: #002969; }
  @media only screen and (min-width: 0) and (max-width: 991px) {
    #sn_numeros {
      text-align: center;
      padding: 20px 10px; } }
  @media only screen and (min-width: 991px) {
    #sn_numeros {
      padding: 50px; } }

.white {
  color: #fff; }
  .white a {
    color: #fff; }
    .white a:hover {
      color: rgba(255, 255, 255, 0.5); }

.btn {
  border-radius: 2px; }

.btn-alt {
  background: rgba(255, 255, 255, 0.15);
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  padding: 0.85em 3em 0.85em 3em;
  border-radius: 0.25em;
  cursor: pointer;
  border: 0;
  color: #fff;
  text-align: center;
  text-decoration: none; }
  .btn-alt:hover {
    background: rgba(255, 255, 255, 0.35); }

.btn-primary {
  background-color: #002969; }

#top-image {
  height: 600px; }
  #top-image .title {
    color: #000;
    margin-top: 200px;
    font-size: 5em;
    text-shadow: 2px 2px 2px #fff; }
  @media only screen and (min-width: 0) and (max-width: 991px) {
    #top-image {
      height: 300px; }
      #top-image .title {
        margin-top: 50px;
        font-size: 3em; } }

#nav .logo {
  max-height: 100px;
  margin: 10px 10px; }
#nav .text h5 {
  font-weight: 300; }
  @media only screen and (min-width: 0) and (max-width: 991px) {
    #nav .text h5 {
      font-size: 0.8em; } }
@media only screen and (min-width: 991px) {
  #nav .text {
    padding: 10px; } }
@media only screen and (min-width: 0) and (max-width: 991px) {
  #nav .text {
    padding-top: 20px; } }

.noAnchor {
  color: #333; }
  .noAnchor:hover {
    text-decoration: none; }

#repartits {
  padding-top: 40px;
  padding-bottom: 40px; }
  #repartits .text-center h2 {
    line-height: 2em; }

.footer {
  position: relative; }
  .footer .footerInner {
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 991px) {
      .footer .footerInner .text {
        padding: 100px; } }
    @media only screen and (min-width: 0) and (max-width: 991px) {
      .footer .footerInner .text {
        padding: 20px; } }
    .footer .footerInner .background_div {
      height: 100%; }

.background_div {
  background-size: cover;
  background-position: center; }

/*# sourceMappingURL=styles.css.map */