.modal-body-rpl {
  display: flex;
  padding: 0;
  border-radius: 4rem;
  font-family: 'PT Sans', sans-serif;
   background-color: #ffffff;
   height: 100%;

}

.modal-content-rpl {
  border-radius: 4rem;
  width: 140%;
  -webkit-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
-moz-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
margin-left: -20%;
}



.modal-content-rpl h1, .modal-content-rpl h2, .modal-content-rpl h3 {
    text-align: center;
}
.modal-content-rpl h1 {
  font-size: 1.3em;
  text-transform: uppercase;
}

.modal-content-rpl h2 {
    font-size: 1.1em;
}
.modal-content-rpl h3 {
  font-size: .8em;
  letter-spacing: 0px;
}
form {
    font-size: .8em;
}
.column {
  flex: 50%;
  padding: 10px;
  
}

.column#main {
  flex: 75%;
  padding: 28px;
  margin-top: -15px;
  margin-left: 35px;
 
}

#secondary {
  background-color: #F9BC35;
  border-radius: 0 4rem 4rem 0;
  text-align: center;
}

#main .form-control {
  border-radius: 0;
  font-size: .9em;
}

.btn-rpl {
  text-transform: uppercase;
  border-radius: .15rem;
  width: 200px;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 2px;
}


.btn-primary-rpl{
  border-color: rgba( 255, 255, 255, 0);
  background: #f1da36; /* Old browsers */
background: -moz-linear-gradient(left, #f1da36 0%, #fca86c 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f1da36 0%,#fca86c 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f1da36 0%,#fca86c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fca86c',GradientType=1 ); /* IE6-9 */
Color format:     Comments
}

.btn-primary-rpl:hover {
  border-color: rgba( 255, 255, 255, 0);
}

#main .btn-primary-rpl {
  width: 100%;
}
#secondary .btn-primary {
  background: #f8f9fa4f;
  color: #000;
}
.modal-body label {
  margin-bottom: 0;
}

.sec-content {
  margin-top: 38%;
}

@media (max-width: 768px) {
  .sec-content {
      margin-top: 300%;

  }

  .modal-content-rpl {
      border-radius: 4rem;
      width: 100%;
      -webkit-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    -moz-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    margin-left: 0%;
  }

   .btn-rpl {
  margin: auto;
 
}

.modal-content-rpl h1 {
  font-size: 15px;
}

.modal-content-rpl h3 {
    font-size: 10px;
}
}