@font-face {
    font-family: Montserrat-Regular;
    src: url(../assets/fonts/montserrat/Montserrat-Regular.ttf)
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../assets/fonts/montserrat/Montserrat-Bold.ttf)
}

@font-face {
    font-family: Montserrat-Black;
    src: url(../assets/fonts/montserrat/Montserrat-Black.ttf)
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../assets/fonts/montserrat/Montserrat-SemiBold.ttf)
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../assets/fonts/montserrat/Montserrat-Medium.ttf)
}

body {
  background: #232526; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #414345,
    #232526
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #414345,
    #232526
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.list-item {
  text-decoration: none;
}
.list-item:hover {
  color: #fff;
  text-decoration: none;
}
#registrationForm > button {
  display: flex;
  border-radius: 20px;
}
hr {
  background-color: #fff;
}
.alert {
  display: none;
  border-radius: 20px;
}
.head {
  margin-top: 7rem;
  font-size: 4.1rem;
  font-family: "Francois One", sans-serif;
  font-family: Montserrat-Black;
  color: #fff;
}
.jumbotron {
  padding: 0 35px;
  padding-top: 50px;
  padding-bottom: 30px;
  border-radius: 4.5rem;
  background-color: #fff;
}
.form-group {
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 20px;
}
h5 {
  font-family: Montserrat-SemiBold;
}
.form-group > label {
  font-family: Montserrat-SemiBold;
}
.form-group > input,
.form-group > select {
  border: none;
  background-color: #f7f7f7;
  font-size: 1.2rem;
  font-family: Montserrat-SemiBold;
}
.form-control:focus {
  border: none;
  box-shadow: none;
  background-color: #f7f7f7;
}
select {
  cursor: pointer;
}
#member1,
#member2,
#member3,
#member4,
#member5 {
  width: 100%;
  display: none;
}
.fa-arrow-circle-right {
  padding: 5px;
}
.btn-primary {
  font-family: Montserrat-Medium;
  background: #2E2B6D;
  /* width: 20%; */
}
.btn-primary:hover {
  background-color: #04AC60;
  border-color: #04AC60;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .container {
    width: 90%;
  }
  .form-group > input,
  .form-group > select {
  font-size: 1.0rem;
  }
}