@font-face {
    font-family: myriad;
    src: url(../fonts/MyriadPro-Regular.otf);
}
html, body{
    height: 100%;
    width: 100%;
}
.form-group{
    margin-bottom: 25px;
    font-family: myriad;
    font-size:20px;
}
.fondo{
    height: 100%;
    width: 100%;
    background-image: url("../img/fondo1.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.btn{
    font-family: myriad;
    padding-left: 40px;
    padding-right: 40px;
}
.panel{
    background-color: rgba(58,9,175,0.65);
    padding:30px;
    margin-top:15%;
}
label, h2{
    color: #ffffff;
}
h4, span, h2{
    font-family: myriad;
}
.modal-body{
    padding-top:40px;
    padding-bottom:40px;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 380px) {
}
@media (max-width: 575.98px) {
.text-right {
  text-align: left !important;
}
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}