@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
* {
    margin: 0; padding: 0;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 14px;
}
body {
    max-width: 1080px;
    margin: 0 auto;
    color: #34495e;
    background: #f0f0f0;
}
.cajon {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(353px, 1fr));
    grid-gap: 10px;
}
.caja {
    margin: 0; padding: 0;
}
.sub, .inf {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-gap: 0;
    background: #82c341; 
}
.sub .icon, .inf .icon, .hd .icon {
    width: 100%; height: 40px;
    margin: 0; padding: 5px 0; 
    align-self: center;
    grid-column: span 1;
}
.sub h1, .inf h1, .sec h1 {
    margin: 0; padding: 10px 10px;
    grid-column: span 2;
    font-size: 20px; color: #40464b;
    text-transform: uppercase;
    border: 1px solid #e9e9e9; background-color: #ffffff;
}
.sub .full {
    width: 100%;
    margin: 0; padding: 0;
    grid-column: span 3;
    grid-row: 2;
}
.serv {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    background-color: white;
    grid-gap: 0px;
    border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; 
}
.serv .cj {
    margin: 2%;
    border: 1px solid #e9e9e9;
}
.serv .cj p {
    margin: 0; padding: 5%; 
    background-color: white;
}
.mas {
    text-align: center;
    align-self: center;
}
p.ser {
    margin: 0; padding: 1% 5%;
    text-align: justify;
    background-color: #ffffff;
}
.qr {
    width: 80%;
}
section {
    margin: 10px 0;
}
a {
    color: #3b537a;
    text-decoration:none;
    border-bottom: 1px dotted #e9e9e9;
}
a.by {
    color: white;
    text-decoration:none;
    border-bottom: 1px dotted white;
}
a.link {
    text-decoration:none;
    border: 0;
}
.hd {
    display: grid;
    grid-template-columns: 35% 65%;
    grid-gap: 0;
    background: #ffffff; 
    border-bottom: 1px solid #e9e9e9;
}
.hd div {
    margin: 0; padding: 10px;
    text-align: center;
    letter-spacing: 1px;
    background-color: #ffffff;
    align-self: center;
}
.hd div:nth-child(2) h1 {
    margin: 0; padding: 2%;
    font-size: 110%; color: white;
    background-color: #68b500;
    border-radius: 5px;
    text-transform: uppercase;
}
.sec {
    display: block;
    background: #fff;
}
.caja form {
    margin: 0; padding: 1% 0;
    display: grid;
    grid-template-columns: 25% 75%;
    grid-gap: 0;
    background-color: white;
}
.caja form label {
    margin: 0; padding: 5%;
    text-align: right;
    align-self: center;
    grid-column: span 1;
}
.caja form input,
.caja form textarea,
.caja form button {
    margin: 1% ; padding: 0;
    grid-column: 2 / 3;
    align-self: center;
    font-size: 120%;
}
.caja form textarea { min-height: 4em; }
.ft {
    display: grid;
    grid-template-columns: 65% 35%;
    grid-gap: 0;
    background: #ffffff; 
    border-top: 1px solid #e9e9e9;
}
.ft div {
    margin: 0; padding: 10px;
    text-align: center;
    align-self: center;
    letter-spacing: 1px;
    background-color: #ffffff;
}
.ft div:nth-child(2) p {
    margin: 0; padding: 2%;
    font-size: 80%; color: #fff;
    background-color: #68b500;
    border-radius: 5px;
}
@media (min-width: 568px) and (max-width: 3000px) {
    p.ser {font-size: 125%;}
    .qr {width: 30%;}
}