/* breakpoints */

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.container {
  max-width: 1251px;
}

.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (min-width: 1224px) {
  [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.link-list-block {
  font-family: Open Sans;
  width: 100%;
  margin-bottom: 5rem;
}

@media only screen and (min-width: 768px) {
  .link-list-block {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media only screen and (min-width: 992px) {
  .link-list-block {
    max-width: 32rem;
  }
}

.link-list-block h3 {
  color: #222;
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 2.7rem;
}

@media only screen and (min-width: 992px) {
  .link-list-block h3 {
    margin-bottom: 4rem;
  }
}

.link-list-block li .field-link {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.link-list-block li .field-link:before {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  content: '';
  border-bottom: 1px dashed #666;
}

.link-list-block li .field-link:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  content: '';
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border-bottom: 2px solid transparent;
}

.link-list-block li .field-link:hover:after {
  width: 100%;
  border-color: #004987;
}

.link-list-block li .field-link:focus:after {
  width: 100%;
  border-color: #004987;
}

.link-list-block li .field-link a {
  padding-left: 0;
  font-size: 1.6rem;
  color: #485F78;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.link-list-block li .field-link a:after {
  position: absolute;
  font-weight: 100;
  font-size: 1.6rem;
  color: #485F78;
  bottom: 0;
  right: 0;
  font-family: FontAwesome;
  content: '\f178';
}

.link-list-block li .field-link a:hover {
  color: #004987;
}