body {
  font-family: 'Roboto', serif;
  color: #454545;
}

.p {
  font-size: 14px;
}
.bg-black {
  background: black;
}
.text-50 {
  opacity: 0.5;
}
.vertical-center {
  top: 50%;
  transform: translateY(-50%);
}
.horizontal-center {
  left: 50%;
  transform: translateX(-50%);
}

footer {
  bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 576px) and (max-width: 767px) {
}
@media (min-width: 0px) and (max-width: 575px) {
}

.radio-label-vertical-wrapper {
  padding-bottom: 13px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}

.radio-label-vertical-wrapper label:not(.radio-label-vertical) {
  display: block;
  width: 100%;
}

.radio-label-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  text-align: center;
}

.radio-label-vertical input {
  position: absolute;
  top: 28px;
  left: 50%;
  margin-left: -6px;
  display: block;
  cursor: pointer;
}

.form-check-label {
  position: relative;
  left: -10px;
  white-space: nowrap;
  bottom: 5px;
}

.form-check {
  display: grid;
  margin-right: 18px;
}

.form-check-input {
  position: inherit;
}