body {
    background-size: cover;
    padding: 50px 0px 30px 0px;
    font-family: 'Armata', sans-serif;
    font-size: 100%;
    font-size: 13px;
    color: #323232;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1)0%, rgba(255,255,255,1) 37%, rgba(0,99,189,1) 61%, rgba(0,40,118,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(37%,rgba(255,255,255,1)), color-stop(61%,rgba(0,99,189,1)), color-stop(100%,rgba(0,40,118,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1)0%,rgba(255,255,255,1) 37%,rgba(0,99,189,1) 61%,rgba(0,40,118,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1)0%,rgba(255,255,255,1) 37%,rgba(0,99,189,1) 61%,rgba(0,40,118,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1)0%,rgba(255,255,255,1) 37%,rgba(0,99,189,1) 61%,rgba(0,40,118,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1)0%,rgba(255,255,255,1) 37%,rgba(0,99,189,1) 61%,rgba(0,40,118,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
.contact {
    background: #fff;
    width: 35%;
    margin: 0 auto;
    /*text-align: center;*/
    padding: 30px 25px 15px 25px;
    border-radius: 5px;
    box-shadow: 3px 3px 8px 0px rgb(23 22 22 / 33%);
}

    .contact .line {
        font-size: 12px;
        color: #909090;
        padding: 0px 0px 15px 0px;
        border-bottom: 1px solid #E7E7E7;
    }
    .contact .title {
        font-size: 13px;
        color: #000;
        padding: 15px 0px 0px 0px;
        font-weight: bold;
        text-align: justify;
    }

    .contact .text {
        font-size: 13px;
        color: #323232;
        padding: 15px 0px 0px 0px;
        text-align: justify;
    }

.copyright {
    padding: 150px 0px 0px 0px;
    text-align: center;
}

h1 {
    font-size: 40PX;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 0px 0px 30px 0px;
}

.puntosn{
    border-top: dotted; 
    text-align: justify; 
    top: 14px;  
}
.puntosp{
    border-top: dotted; 
    text-align: justify; 
    top: 14px;  
}
.puntosm{
    border-top: dotted; 
    text-align: justify; 
    top: 14px;  
}
@media (max-width: 1440px){
    .contact {
        width: 40%;
    }
}
@media (max-width: 1366px){
    .contact {
        width: 43%;
    }
}
@media (max-width: 1280px){
    .contact {
        width: 45%;
    }
}
@media (max-width: 1024px){
    .contact {
        width: 56%;
    }
}
@media (max-width: 768px){
    .puntosp{
        border-top: dotted; 
        text-align: justify; 
        top: 14px;  
    }
    .puntosm{
        border-top: dotted; 
        text-align: justify; 
        top: 28px;  
    }
    .contact {
        width: 73%;
    }
}

@media (max-width: 500px){
    .puntosp{
        border-top: dotted; 
        text-align: justify; 
        top: 28px;  
    }
    .puntosm{
        border-top: dotted; 
        text-align: justify; 
        top: 36px;  
    }
}
@media (max-width: 400px){
    .contact {
        width: 80%;
    }
   
}
@media (max-width: 768px){
    body {
        padding: 50px 0px 80px 0px;
    }
}
@media (max-width: 640px){
    body {
        padding: 50px 0px 30px 0px;
    }
}