.slogans {
  font-family: 'Roboto Condensed', sans-serif;
  color: #191d1f;
  font-weight: 700;
}

#loginbutton {
    background-color: #C62433;
    font-size: 18px;
    border: 0px;
    border-radius: .2rem;
    padding: .375rem 3rem;
}
#loginbutton:hover {
    background-color: #d2515e;
}

@media (min-width: 300px) {
  .slogans {
    font-size: 32px;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    /*color: #191d1f;*/
    /*font-weight: 700;*/
  }
}

@media (min-width: 768px) {
  .slogans {
    font-size: 28px;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    /*color: #191d1f;*/
    /*font-weight: 700;*/
  }
}

@media (min-width: 992px) {
  .slogans {
    font-size: 36px;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    /*color: #191d1f;*/
    /*font-weight: 700;*/
  }
}

@media (min-width: 300px) {
  #redrightborder {
    /*border-right: 6px solid #c22333;*/
    /*height: 68px;*/
  }
}

@media (min-width: 768px) {
  #redrightborder {
    border-right: 4px solid #c62433;
    height: 40px;
  }
}

@media (min-width: 992px) {
  #redrightborder {
    height: 55px;
  }
}

a {
  color: #C62433;
}
a:hover {
    color:#840000;
}

@media (min-width: 768px) {
  #welcome-text {
    margin-right: 80px;
    margin-left: 80px;
  }
}

@media (min-width: 576px) {
  #button-spacer {
    margin-right: 80px;
    margin-left: 80px;
  }
}

@media (min-width: 768px) {
  #welcome-logo {
    width: 600px;
  }
}

.footer-dark {
  position: fixed;
  bottom: 0;
}