body {
    padding-top: 0px;
    padding-bottom: 0px;
}

label {
    margin-bottom: -5%;
}

.toggle {
    margin: 0 7pt;
    float: left;
}

.toggle label {
    float: left;
    width: 2.0em;
}

.toggle label span {
    text-align: center;
    display: block;
    cursor: pointer;
    background-color: #23a9c5;
    width: 2pc;
    padding: 5px 0px;
    color: #fff;
    border-radius: 3px;
    box-shadow: 1px 0px 7px 1px #b1b1b1;
    margin-bottom: 0.6pc;
    
}

.toggle label input {
    position: absolute;
    width: 0%;
}

.toggle .input-checked /*, .bounds input:checked + span works for firefox and ie9 but breaks js for ie8(ONLY) */ {
    background-color: #004a63;
    color: #F7F7F7;
}

input[name="correo"]::placeholder,
input[name="cel"]::placeholder {
    font-family: Gotham-Light;
}

.history {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(26%, 1fr));
    padding: 2%;
}

@media only screen and (max-width: 768px) {
    .history {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.image {
    width: 45%;
    margin: 3% 0;
}

.pfooter {
    font-family: Gotham-Light;
    color: #636469;
}
.imgfooter {
    width: 12%;
    margin-top: -0.8%;
}

@media only screen and (max-width: 361px) {
    .image {
        width: 99%;
        margin: 3% 0;
    }
    .pfooter {
        font-size: 18px;
    }
    .imgfooter{
        width:40%;
    }
    hr {
        width: 100%;
    }
}