@media screen and (max-width:767px) {
  .logo {
    left: -35% !important;
  }
  .thankyou img {
    width: 100% !important;
  }
  .info-pannel {
    position:initial!important;
  }
  .thankyou h1 {
    line-height: 5.2rem!important;
  }
  .faq-container button{
    min-width: 0px!important;
    width:10px!important;
  }
}
@media screen and (min-width:768px) and (max-width:1025px) {
  .logo {
    left: -15% !important;
  }
  .thankyou img {
    width: 100% !important;
  }
  .info-pannel {
    position:initial!important;
  }
  .thankyou h1 {
    line-height: 5.2rem!important;
  }
  .faq-container button{
    min-width: 0px!important;
    width:10px!important;
  }
}
input:not([type="color"]):not([type="file"])::placeholder {
    color: darkgray;
    opacity: 0.5;
}
/* FAQ */
.faq-container {
  display:flex;
}
.faq-container h2 {
  font-size:16px;
  padding:15px;
  background-color:#4b4b4b;
  color:white;
}
.faq-container button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  text-align: center;
}
.collapse img {
  max-width: 100% !important;
  margin: 0 auto !important;
}
/* ENDFAQ */

body, nav {
    font-family: 'Roboto', sans-serif;
}
.logo{
    position: absolute;
    z-index: 1;
    transform: scale(0.3);
    top: -60px;
    left: 0;
}
.card-footer {
	background-color: rgb(209,248,215);
	text-align: center;
}
.disable-form {
   background-color: gray;
   opacity:0.5;
   pointer-events:none;
}
.toggle-password {
  cursor: pointer;
  float: right;
  font-size: 11px;
}
.required {
  font-weight: 700;
  color:red;
}
.user_website {
  padding: 16%;
  height: 250px;
  margin-right: 2%;
  background-color: #222;
}
.user_website:hover {
  transition: 0.6s;
  background-color: #121121;
}
.user_admin {
  padding: 16%;
  height: 250px;
  margin-right: 2%;
  background-color: #ba9b64;
}
.user_admin:hover {
  transition: 0.6s;
  background-color: #967d50;
}
.user_website p, .user_admin p {
  padding: 15%;
  text-align: center;
  color: #fff;
}
.user_website p {
    margin-top: 10%;
}
.user_admin p {
    padding: 0;
}
.links-container {
  margin-right: 10px !important;
  width: 100%;
}
.links-container > .row > .outline {
  text-decoration: none;
  width: 49%;
}
.links-container > .row > .outline a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.links-container strong {
  white-space: nowrap;
}