html,
body {
  height: 100%;
  width: 100%;
  margin: 0px;
}

input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

label{
  margin-left: 10px
}

.video {
  width: 100%;margin-top: -1em;
}

.respmenu {
  display: none;
}

.menu {
  background-color: transparent !important;
  border-color: transparent !important;
  margin-bottom: 60px !important;
  min-height: 10%;
}


.enviando {
  display: none;
  position: fixed;
  top: 0%;
  z-index: 99;
  background-color: #150e0e80;
  width: 100%;
  height: 100%;

  justify-content: center;
}

.enviando img {
  width: 25vh;
  height: 25vh;
  padding-top: 36vh;
  padding-right: 7vh;
}

.btnMenu {
  border-radius: 4px;
  color: #6F6F6F !important;
  cursor: pointer;
  font-family: font-family: "Playfair Display", serif !important;
  font-size: 18px;
  font-weight: 700;
  margin: 5px !important;
  padding: 10px 8px 10px 8px !important;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  float: left;
  text-decoration: none !important;
}

.navMenu {
  margin-left: 18%;
}


.btnMenu:hover {
  color: #2D266C !important;
  text-decoration: underline !important;
}

.active>.btnMenu {
  background-color: #2D266C !important;
  color: #ffffff !important;
}

.contenedor_form {
  width: 50%;
}

.contenedor_form ul{
  margin-left: -2em;
}

.logoMenu {
  float: left;
  margin: 0;
  padding-left: 75px;
  padding-bottom: 10px;
}

.listaMenu {
  margin-top: 15px !important;
}


.container-pagina {
  min-height: 75%;
}

.cover-home {}

.titulo-home {
  color: white;
  display: block;
  font-family: Droid, serif !important;
  font-size: 35px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px;
  text-shadow: 2px 2px 2px black;
  vertical-align: middle;

}

.cover-pagina {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 210px;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.cover-estudio {
  background-image: url(../img/manos_nuestro_estudio.png);
  width: 100%;
  height: 10%;
}

.cover-areas {
  background-image: url(../img/libros_areas_practica.png);
}

.cover-oficinas {
  background-image: url(../img/lapicera_oficinas.png);
}

.cover-abogados {
  background-image: url(../img/computadora_abogados.png);
}

.titulo-pagina {
  color: white;
  font-family: Droid, serif !important;
  height: 210px;
  display: table;
  font-size: 40px;
  font-weight: 700;
  /*text-shadow: 2px 2px 2px black;*/
  text-align: center;
  width: 100%;
  vertical-align: middle;
}

.titulo-pagina>span {
  display: table-cell;
  vertical-align: middle;
}

.col-pagina {
  margin: 0 !important;
  padding: 0 !important;
}

.texto-pagina {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  padding: 50px 70px 50px 70px;
  word-spacing: 2px;
  line-height: 2em;
}

.texto-estudio {
  text-align: justify;
  text-justify: inter-word;
}

.p-pagina {
  margin-bottom: 1.5em;
}

.texto-oficinas {
  -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  padding: 50px 20px 20px 20px;
  background-color: white;
  height: 400px;
}

.col-foto-abogada {
  text-align: right;
}

.col-texto-abogada {
  text-align: left;
}

.footer {
  background-color: #2D266C;
  font-family: Droid, serif !important;
  font-size: 18px;
  font-weight: 400;
  padding: 30px 0px 25px 0px;
  text-align: center;
  /*min-height: 120px;*/
  height: 18.6%;
  display: table;
  width: 100%;
  
}

.footer>div {
  display: table-cell !important;
  vertical-align: middle;
}

.markerFooter {
  font-size: 24px;
  color: #3e6a81;
}

.navbar_header {
  height: 20vh;
}

.contenedor_btn {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.error {
  color: rgb(128, 25, 25);
  display: none;
}

.btn_enviar {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 4px;
  background-color: #2d266c;
  color: white;
  cursor: pointer;
  padding: 10px;
  box-shadow: 0px 0px 1px 1px rgb(135, 129, 129);
}

.contacto_div {
  display: flex;
}


.form_div {
  padding: 5px;
  color: #292727;
}

.form_div input,
textarea {
  width: 90%;
  border-radius: 4px;
  margin: 8px;
}

.logo_img {
  background-image: url('../img/rafialogoexportadoblanco.png');
  width: 30vh;
  height: 20vh;
  background-size: contain;
  background-repeat: no-repeat;

}

.logo_img_azul {
  background-image: url('../img/rafialogoexportadoazul.png');
  width: 30vh;
  height: 20vh;
  background-size: contain;
  background-repeat: no-repeat;

}

.link_footer {
  display: flex;
  align-content: center;
  align-items: center;
}

.link_footer img {
  margin-right: 5px;
}

.row_footer {
  text-align: start;
  color: white;
  margin-right: 0px !important;
  float: right;
  padding-right: 160px;
}

/* ============================================================================== */

@media (min-width: 1200px) {}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .cover-ome {
    height: 600px;
  }

  .navbar-collapse.collapse {
    display: block !important;
    margin-top: 97px !important;
  }

  .titulo-home {
    font-size: 50px;
  }

  .cover-estudio {
    background-image: url(../img/manos_nuestro_estudio.png);
    width: 50px;
    height: 2px;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .cover-home {
    height: 500px;
  }

  .footer {
    font-size: 12px;
  }

  .markerFooter {
    font-size: 20px;
  }

  .navMenu {
    margin-left: 0%;
    font-style: normal;
  }

  .titulo-home {
    font-size: 42px;
  }

  .cover-estudio {
    background-image: url(../img/manos_nuestro_estudio.png);
    background-size: 100%;

  }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    .navbar_header {
      height: 15vh;
    }
    

  .footer {
    display: flex;
    margin-top: 5em;
    height: 23%;
  }

  .logoMenu {
    float: left;
    margin: 0;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }

  .logo_img_azul {
    width: 18vh !important;
    height: 18vh !important;
  }

  .logo_img {
    width: 15vh !important;
    height: 15vh !important;

  }

  .contacto_div {
    display: block;
  }

  .contenedor_form {
    width: 100% !important;
  }

  .respmenu input[type="checkbox"],
  .respmenu .fa-bars,
  .respmenu .fa-times {
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
  }

  .burguer {
    position: fixed;
    right: 10px;
    font-size: 20px;
    color: #666464;
    cursor: pointer;
    
  }

  .respmenu .fa-bars,
  .respmenu .fa-times {
    font-size: 48px;
    pointer-events: none;
  }

  .respmenu input[type="checkbox"] {
    opacity: 0;
  }

  .titulo-pagina {
    height: 70px;
  }

  .listaMenu {
    display: none;
  }

  .respmenu {
    display: block;
    color: white;
    position: fixed;
    right: 10px;
    margin-top: 5px;
    min-height: 48px;
  }

  .respmenu nav {
    display: none;
  }

  .respmenu input:checked~nav {
    display: block;
  }

  .respmenu input:checked~.fa-bars {
    display: none;
  }

  .respmenu input:not(:checked)~.fa-times {
    display: none;
  }


  .respmenu a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    border-bottom: 2px solid #456789;
    max-width: 200px;
    background: #234567;
    font-variant: small-caps;
    text-shadow: 1px 1px black;
  }

  .cover-home {
    height: 300px;
    padding-top: 55px !important;

  }

  .cover-estudio {
    background-image: url(../img/manos_nuestro_estudio.png);
    width: 50px;
    height: 2px;
  }

  .titulo-home {
    font-size: 38px;
  }

  .col-foto-abogada {
    text-align: left;
  }

  .col-texto-abogada {
    text-align: right;
  }

  .texto-pagina {
    padding: 20px 30px 20px 30px;
    line-height: normal;
  }


  .cover-areas {
    background-size: contain;
    background-repeat: no-repeat;
  }

  .cover-oficinas {
    height: 80px !important;
  }

  
  .row_footer {
    padding-right: 0px !important;
    margin-left: 20px;
  }

  .video {
    width: 100%;margin-top: -4em;
  }
}