.mensaje{
    width: 100%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.boton-con{
   background-color: #5e7074;
   border: none;
   width: 200px;
}

.mapa{
    width: 550px;
    height: 400px;
    margin: auto !important;
    display: block;
}

.text-info{
    color: #747272 !important;
    font-size: 15pt;
}

.cont-contacto .fa-map-marker, .cont-contacto .fa-phone, .cont-contacto .fa-envelope{
    color:#bababa;
}

@media (min-width: 992px) and (max-width: 1199px)  {
    .mapa{
       width: 450px !important;
       height:300px;
    }
}

@media (min-width: 768px) and (max-width: 991px)  {
    .mapa{
       width: 490px !important;
       height:300px;
    }
    .cont-form-contacto{
        margin-top: 30px;
    }
}

@media (min-width: 668px) and (max-width: 767px)  {
    .mapa{
       width: 490px !important;
       height:300px;
    }
    .cont-form-contacto{
        margin-top: 30px;
    }
}

@media (min-width: 668px) and (max-width: 767px)  {
    .mapa{
       width: 490px !important;
       height:300px;
    }
    .cont-form-contacto{
        margin-top: 30px;
    }
}

@media (min-width: 544px) and (max-width: 667px)  {
    .mapa{
       width: 450px !important;
       height:300px;
    }
    .text-info{
       font-size: 13pt;
    }
    .cont-form-contacto{
        margin-top: 30px;
    }
}

@media (min-width: 411px) and (max-width: 543px)  {
    .mapa{
       width: 320px !important;
       height:300px;
    }
    .text-info{
       font-size: 13pt;
    }
    .cont-form-contacto{
        margin-top: 30px;
    }
}

@media (min-width: 320px) and (max-width: 410px)  {
    .mapa{
       width: 320px !important;
       height:300px;
    }
    .text-info{
       font-size: 13pt;
    }
    .cont-form-contacto{
        margin-top: 30px;
    }
}