.mar-top-5 {
    margin-top: 5px;
}

.mar-top-10 {
    margin-top: 10px;
}

.mar-top-15 {
    margin-top: 15px;
}

.mar-5 {
    margin: 5px;
}

.mar-10 {
    margin: 10px;
}

.mar-15 {
    margin: 15px;
}

.mar-20 {
    margin: 20px;
}

.mar-top-20 {
    margin-top: 20px;
}

.h-100p {
    height: 100%;
}

@media screen and (max-width: 700px) {
    .container {
        padding: 5px!important;
    }
    .media-pad {
        padding: 0.5rem!important;
    }
}