@font-face {font-family: 'MohrAlt-SemiBold'; src: url('../../assets/fonts/MohrAlt-SemiBold.otf');}
@font-face {font-family: 'MohrAlt-Medium'; src: url('../../assets/fonts/MohrAlt-Medium.otf');}
@font-face {font-family: 'MohrAlt-Light'; src: url('../../assets/fonts/MohrAlt-Light.otf');}

body{font-family: 'MohrAlt-Medium';}
footer {color: #014A8F;}
footer p {color: #014A8F; font-size: 1.5rem; margin: 0;}
footer ul {margin-right: 4rem;}
footer li a {color: #014A8F; font-size: 2rem; margin: 0 0.5rem}
h1 {color: #A683BB; font-size: 1.8rem; line-height: 40px; margin:1.5rem 0 0.5rem 0;}
h2 {color: #EAABB6; margin-bottom: 4rem;}
p {color: #6479BA; font-size: 1rem; margin: 0 0 2rem 0; font-weight: 500;} 
small {color: #A885BD; font-size: 1rem;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A683BB;
  font-size: 0.8rem;
  opacity: 1; /* Firefox */
}

.br {display: inline;}
.btn-custom {background-color: #6173B5; border-radius: 2rem; color: #ffffff;}
.btn-custom:hover{background-color: #4F63A8; color: #ffffff;}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bg {background-image: url('../img/landing/bg.jpg'); background-size: cover; background-position: top; background-repeat: none;}
.bg-consulta {background-image: url('../img/landing/bg-consulta.jpg'); background-size: cover; background-position: top; background-repeat: none;}
.bgA479B1 {background-color: #A479B1;}
.br {display: none;}
.brand {max-width: 300px;}
.cA479B1 {color: #A479B1;}
.form-control, .form-select {background-color: transparent; border: 2px solid #A885BD; border-radius: 2rem; color: #A885BD!important; height: 50px!important; margin-bottom: 1rem;}
.form-control:focus{background-color: transparent;}
.form-content {padding: 1rem;}
.fs2{font-size: 2rem;}
.h100 {height: 100px!important;}
.semibold {font-family:'MohrAlt-SemiBold';}
.text-right {text-align: right;}
.w-300 {width: 300px;}
.w-200 {width: 100%;}

@media (min-width: 768px) {
  h1 {font-size: 2.6rem;}
  p {font-size: 1.3rem; margin: 0 0 5rem 0;}

  .bd-placeholder-img-lg {font-size: 3.5rem;}
  .br{display: block;}
  .form-content {padding: 0 9rem;}
  .w-300{width: 100%;}
  .w-200 {width: 200px;}
}