/* Sizes and spacings - margin and paddings */
/* ---------------------------------------------- */

/* MARGINS */

.marginNone{
    margin: 0!important;
}

.marginTopNone{
    margin-top: 0!important;
}

.marginBottomNone{
    margin-bottom: 0!important;
}

.margin-auto {
    margin: auto;
}

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

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

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px!important;
}

/* PADDINGS */

.paddingNone{
    padding: 0!important;
}

.paddingTopNone{
    padding-top: 0!important;
}

.paddingBottomNone{
    padding-bottom: 0!important;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-20{
    padding: 20px!important;
}

.padding-20-to-link a{
    padding: 20px!important;
}

.padding-40{
    padding: 40px;
}
@media (max-width: 980px) {
    .padding-sm-20{
        padding:20px;
    }
}

/* MAX WIDTHS */

.max-width-300 {
    max-width: 300px;
}

.max-width-400 {
    max-width: 400px;
}

.max-width-550 {
    max-width: 550px;
}

.max-width-600 {
    max-width: 600px;
}

.max-width-800 {
    max-width: 800px;
}

.max-width-1000 {
    max-width: 1000px;
}

/* HEIGHT */

.height-100 {
    height: 100px;
}

.height-200 {
    height: 200px;
}

.height-300 {
    height: 300px;
}

.height-400 {
    height: 400px;
}

.height-24rem {
    height: 24rem;
}

.height-auto {
    height: auto!important;
}

@media (min-width: 981px) {
    .height-100, .height-100 div,.height-full, .height-full *{
        height: 100%;
    }
}
/* WIDTH */

.width-300{
    width: 300px!important;
}

.full-width, .full-width *{
    width: 100%;
}