/* GLOBAL STYLES */
.darkBackground {
  background: black;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  left: 0;
  opacity: 0.5;
}
#cerrar-formulario {
  text-align: right;
  cursor:pointer;
}

#formulario-contenido input,#formulario-contenido textarea{
  width: 90%;
  margin: 0% 5%;
  border: 1px solid black;
  padding: 5px;
}

#formulario-contenido button{
  margin: 0% 5%;
}
#formulario-contenido p{
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  margin: 0% 5%;
}
button#abrir-formulario {
  background: #00f2e3;
  color: #fff;
  border-color: #00f2e3;
  border-radius: 25px;
  font-size: 15px;
  font-family: "Roboto",sans-serif;
  padding: 0.935em 2.25em;
}
#formulario-contenido textarea {
  min-height: 100px;
}

 /* MVL STYLES */
@media only screen and (max-width:767px){

  #formulario-contenido {
    position: fixed;
    top: 5%;
    z-index: 10000;
    background: white;
    padding: 10px;
    left: 10%;
    width: 80%;
    border: 1px solid;
  }
  button#abrir-formulario{
    width: 100%;
  }
}

 /* PC STYLES */
 @media only screen and (min-width:767px){
  #formulario-contenido {
    position: fixed;
    top: 5%;
    z-index: 10000;
    background: white;
    padding: 10px;
    left: 25%;
    width: 50%;
    border: 1px solid;
  }
  button#abrir-formulario{
    margin-left: 120px;
  }
 }