/* main elements */
html, body {
  height: 100vh;
}

body {
  background-color: #f7f7f7;
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
  background-position: center bottom;
}

.footer {
  display: contents;
}

b {
  font-weight: 500;
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
}

/***** buttons *****/
.btn-danger {
  width: 100%;
  background-color: #ff2d1c;
  text-align: center;
  padding: 12px 45px 11px !important;
  color: #fff !important;
  transition: 0.2s ease-in-out !important;
  border: solid 1px #ff2d1c !important;
  font-size: 1.2rem !important;
  border-radius: 0px !important;
  -webkit-box-shadow: 2px 2px 25px 6px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 25px 6px rgba(0,0,0,0.1);
}
.btn-danger .vp {
  fill: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.active {
  background-color: transparent !important;
    color: #ff2d1c !important;
    text-decoration: none !important;
    border: solid 1px #ff2d1c !important;
    box-shadow: none !important;
    cursor: pointer;
}

.btn-danger:hover .vp, .btn-danger:focus .vp, .btn-danger.active .vp {
  fill: #ff2d1c;
}




/***** link styles *****/
.footer a, a.link-underline {
  text-decoration: none;
  position: relative;
  color: #000;
}
.footer a::before, a.link-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 1px;
  background-color: #ff2d1c;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}
.footer a:hover, .footer a:active, .footer a:focus, a.link-underline:hover, a.link-underline:active, a.link-underline:focus {
  color: #ff2d1c !important;
}
.footer a:hover::before, a.link-underline:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.thumbnail {
  width: 45px;
  height: 45px;
  display: flex;
  position: absolute;
  margin: -11px 0px 0px -44px; 
}

.social-icons {
  color: #000000;
  transition: 0.2s ease-in-out;
  font-size: 1.8rem;
  padding: 0px 5px;
}

.social-icons:hover, .social-icons:focus {
  color: #ff2d1c;
  border-bottom: none;
}

/* back styles links */
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  border-bottom: none !important;
}

.socialmenu .icon:hover, .socialmenu .icon:focus {
  border: none;
}