@media(max-width:767px){
  .title-h1 {
    font-size: calc(var(--width_pantalla) * (calc(24/var(--width_phone)))) !important;
    text-align: center;
}
.subtitle {
  font-size: calc(var(--width_pantalla) * (calc(17/var(--width_phone)))) !important;
  text-align: center;
  margin: auto !important;
}
.btn-hero, .btn-hero:hover {
    border-radius: calc(var(--width_pantalla) * (calc(28/var(--width_phone))));
    width: calc(var(--width_pantalla) * (calc(142/var(--width_phone))));
    height: calc(var(--width_pantalla) * (calc(35/var(--width_phone))));
    font-size: calc(var(--width_pantalla) * (calc(14/var(--width_phone))));
    margin: auto;
    margin-top: calc(var(--width_pantalla) * (calc(30/var(--width_phone))));
}
.img-banner-2{
  display: none;
}
.row-1 {
    width: 100%;
    display: block;
}
.img-banner {
    width: 80%;
    height: auto;
    margin: auto;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-top: calc(var(--width_pantalla) * (calc(35/var(--width_phone))));
}
.contenido {
    width: 100%;
    margin: auto !important;
}
.row-b {
    width: 100%;
}
.title-h2 {
    font-size: calc(var(--width_pantalla) * (calc(20/var(--width_phone))));
    letter-spacing: calc(var(--width_pantalla) * (calc(2/var(--width_phone))));
    text-align: center;
}
.subtitle-2 {
    font-size: calc(var(--width_pantalla) * (calc(18/var(--width_phone))));
    margin: auto;
    text-align: justify;
    width: 90%;
}
.contenido-2 {
    width: 100%;
}
.title-box {
    font-size: calc(var(--width_pantalla) * (calc(18/var(--width_phone))));
    text-align: center;
    padding: calc(var(--width_pantalla) * (calc(20/var(--width_phone)))) 0px;
}
.subtitle-box {
    font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    text-align: justify;
}
.box-1 {
    width: 100%;
    height: auto;
    padding-bottom: 35px;
    margin-bottom: calc(var(--width_pantalla) * (calc(32/var(--width_phone))));
    padding: calc(var(--width_pantalla) * (calc(28/var(--width_phone)))) calc(var(--width_pantalla) * (calc(28/var(--width_phone))));
}
.box-img-arrow, .box-img-arrow-2 {
    width: calc(var(--width_pantalla) * (calc(20/var(--width_phone))));
    height: calc(var(--width_pantalla) * (calc(11/var(--width_phone))));
    bottom: calc(var(--width_pantalla) * (calc(7/var(--width_phone))));
    right: 47%;
}
#servicios-digitales {
    padding-top: calc(var(--width_pantalla) * (calc(25/var(--width_phone))));
}
#servicios-digitales .box-2:nth-child(3) {
    opacity: 0;
    display: none;
}
.contenido-2 {
    width: 100%;
}
.box-1 .icono {
    width: calc(var(--width_pantalla) * (calc(50/var(--width_phone))));
    height: calc(var(--width_pantalla) * (calc(50/var(--width_phone))));
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.no-r{
  display: none;
}
form {
    font-family: 'Nunito', sans-serif;
    width: 100%;
    height: auto;
    border-radius: calc(var(--width_pantalla) * (calc(23/var(--width_base))));
    box-shadow: 0 2px 6px 0 rgba(102, 102, 102, 0.32);
    background-color: #717c89;
    padding: calc(var(--width_pantalla) * (calc(35/var(--width_phone)))) calc(var(--width_pantalla) * (calc(18/var(--width_phone)))) calc(var(--width_pantalla) * (calc(9/var(--width_phone)))) calc(var(--width_pantalla) * (calc(18/var(--width_phone))));
    margin: auto;
}
.form-row{
  /* flex-wrap: nowrap !important; */
}
.form-control {
    display: block;
    width: 100%;
    font-size: calc(var(--width_pantalla) * (calc(17/var(--width_phone)))) !important;
}
form input {
    height: calc(var(--width_pantalla) * (calc(44/var(--width_phone)))) !important;
}
form textarea {
    height: calc(var(--width_pantalla) * (calc(200/var(--width_phone)))) !important;
}
#btn-enviar {
    font-family: 'Nunito', sans-serif;
    width: calc(var(--width_pantalla) * (calc(208/var(--width_phone))));
    height: calc(var(--width_pantalla) * (calc(50/var(--width_phone))));
    font-size: calc(var(--width_pantalla) * (calc(14/var(--width_phone))));
    margin-top: calc(var(--width_pantalla) * (calc(36/var(--width_phone))));
}
.subtitulo-f {
    font-size: calc(var(--width_pantalla) * (calc(14/var(--width_phone))));
}
.titulo-f {
    font-size: calc(var(--width_pantalla) * (calc(18/var(--width_phone))));
}
.mrg-45 {
    margin-bottom: calc(var(--width_pantalla) * (calc(40/var(--width_phone)))) !important;
}
#colophon {
    height:  calc(var(--width_pantalla) * (calc(55/var(--width_phone))));
    font-size:  calc(var(--width_pantalla) * (calc(15/var(--width_phone)))) !important;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 16px !important;
    font-weight: normal;
    display: block;
}
.navbar-brand img {
    width: 55% !important;
    height: auto !important;
}
#masthead nav {
    width: 100% !important;
    margin: auto;
}
.navbar-brand {
    height: auto;
    width: 50% !important;
}
#menu-menu-1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#masthead .navbar-nav > li > a, #masthead .navbar-nav > li > a:hover {
 font-size: calc(var(--width_pantalla) * (calc(18/var(--width_phone)))) !important;
}
.navbar-collapse{
  padding: calc(var(--width_pantalla) * (calc(40/var(--width_phone))));
}
#menu-menu-1 li{
  padding: calc(var(--width_pantalla) * (calc(6/var(--width_phone)))) 0px;
}
.box-images {
    width: 100%;
}
.box-images .col-md-3 {
    margin: auto !important;
    width: 100%;
    height: 167px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-images-res{
  display: flex;
justify-content: center;
margin: auto;
align-items: center;
}
.box-images{
  display: none;
}
.box-images-res .col-md-3 {
  margin: auto !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: calc(var(--width_pantalla) * (calc(170/var(--width_phone))));
}
.r-w {
    width: 320px;
    margin: 0px !important;
    padding-bottom: calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
}
.box-images-res .imgB{
  width: 70%;
}
.box-images-res .imgA{
  width: 75%;
}
}