.login_section ul li {
  background-color: transparent;
}

.login_section ul li:hover {
  background-color: #eee;
  transition: background-color 0.35s ease;
}

.login_section ul {
  padding-left: 0;
  margin-bottom: 0;
}
.login_section ul li {
  list-style-type: none;
  padding: 0.625rem;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.login_section ul li a {
  height: 100%;
  text-decoration: none;
}
.login_section ul li a .login_image {
  display: table;
}
.login_section ul li a .login_image img {
  display: table-cell;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.login_section ul li a .login_text {
  padding-top: 1.25rem;
  vertical-align: middle;
}
.login_section ul li a .login_text h2 {
  font-size: 1.1875rem;
}
.login_section ul li a .login_text p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .login_section ul li {
    clear: both;
  }
  .login_section ul li a {
    display: table;
  }
  .login_section ul li a .login_image {
    display: table-cell;
    float: left;
    margin-right: 1.25rem;
  }
  .login_section ul li a .login_image img {
    width: 7.5rem;
    height: 7.5rem;
  }
  .login_section ul li a .login_text {
    padding-top: 0;
    display: table-cell;
  }
}
@media (min-width: 992px) {
  .title .container-md .row {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .login_section .container-md .row {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (min-width: 1200px) {
  .title .container-md .row {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
  }

  .login_section .container-md .row {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
  }
}

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