.center {
    align-items: center;
    align-content: center;
    text-align: center;
    margin: 0 auto;
}
.end {
    align-items: end;
    align-content: end;
    text-align: end;
}
.justify {
    text-align: justify;
}
.pad-l5 {
    padding-left : 5%;
}.pad-l10 {
    padding-left : 10%;
}.pad-l15 {
    padding-left : 15%;
}.pad-l20 {
    padding-left : 20%;
}.pad-l25 {
    padding-left : 25%;
}.pad-l30 {
    padding-left : 30%;
}.pad-l35 {
    padding-left : 35%;
}.pad-l40 {
    padding-left : 40%;
}.pad-l45 {
    padding-left : 45%;
}.pad-l50 {
    padding-left : 50%;
}.pad-l55 {
    padding-left : 55%;
}.pad-l60 {
    padding-left : 60%;
}.pad-l65 {
    padding-left : 65%;
}.pad-l70 {
    padding-left : 70%;
}.pad-l75 {
    padding-left : 75%;
}.pad-l80 {
    padding-left : 80%;
}.pad-l85 {
    padding-left : 85%;
}.pad-l90 {
    padding-left : 90%;
}.pad-l95 {
    padding-left : 95%;
}.pad-l100 {
    padding-left : 100%;
}

.pad-t5 {
    padding-top : 5%;
}.pad-t10 {
    padding-top : 10%;
}.pad-t15 {
    padding-top : 15%;
}.pad-t20 {
    padding-top : 20%;
}.pad-t25 {
    padding-top : 25%;
}.pad-t30 {
    padding-top : 30%;
}.pad-t35 {
    padding-top : 35%;
}.pad-t40 {
    padding-top : 40%;
}.pad-t45 {
    padding-top : 45%;
}.pad-t50 {
    padding-top : 50%;
}.pad-t55 {
    padding-top : 55%;
}.pad-t60 {
    padding-top : 60%;
}.pad-t65 {
    padding-top : 65%;
}.pad-t70 {
    padding-top : 70%;
}.pad-t75 {
    padding-top : 75%;
}.pad-t80 {
    padding-top : 80%;
}.pad-t85 {
    padding-top : 85%;
}.pad-t90 {
    padding-top : 90%;
}.pad-t95 {
    padding-top : 95%;
}.pad-t100 {
    padding-top : 100%;
}

.pad-b5 {
    padding-bottom : 5%;
}.pad-b10 {
    padding-bottom : 10%;
}.pad-b15 {
    padding-bottom : 15%;
}.pad-b20 {
    padding-bottom : 20%;
}.pad-b25 {
    padding-bottom : 25%;
}.pad-b30 {
    padding-bottom : 30%;
}.pad-b35 {
    padding-bottom : 35%;
}.pad-b40 {
    padding-bottom : 40%;
}.pad-b45 {
    padding-bottom : 45%;
}.pad-b50 {
    padding-bottom : 50%;
}.pad-b55 {
    padding-bottom : 55%;
}.pad-b60 {
    padding-bottom : 60%;
}.pad-b65 {
    padding-bottom : 65%;
}.pad-b70 {
    padding-bottom : 70%;
}.pad-b75 {
    padding-bottom : 75%;
}.pad-b80 {
    padding-bottom : 80%;
}.pad-b85 {
    padding-bottom : 85%;
}.pad-b90 {
    padding-bottom : 90%;
}.pad-b95 {
    padding-bottom : 95%;
}.pad-b100 {
    padding-bottom : 100%;
}

.pad-r5 {
    padding-right : 5%;
}.pad-r10 {
    padding-right : 10%;
}.pad-r15 {
    padding-right : 15%;
}.pad-r20 {
    padding-right : 20%;
}.pad-r25 {
    padding-right : 25%;
}.pad-r30 {
    padding-right : 30%;
}.pad-r35 {
    padding-right : 35%;
}.pad-r40 {
    padding-right : 40%;
}.pad-r45 {
    padding-right : 45%;
}.pad-r50 {
    padding-right : 50%;
}.pad-r55 {
    padding-right : 55%;
}.pad-r60 {
    padding-right : 60%;
}.pad-r65 {
    padding-right : 65%;
}.pad-r70 {
    padding-right : 70%;
}.pad-r75 {
    padding-right : 75%;
}.pad-r80 {
    padding-right : 80%;
}.pad-r85 {
    padding-right : 85%;
}.pad-r90 {
    padding-right : 90%;
}.pad-r95 {
    padding-right : 95%;
}.pad-r100 {
    padding-right : 100%;
}

.pad-5 {
    padding : 5%;
}.pad-10 {
    padding : 10%;
}.pad-15 {
    padding : 15%;
}.pad-20 {
    padding : 20%;
}.pad-25 {
    padding : 25%;
}.pad-30 {
    padding : 30%;
}.pad-35 {
    padding : 35%;
}.pad-40 {
    padding : 40%;
}.pad-45 {
    padding : 45%;
}.pad-50 {
    padding : 50%;
}.pad-55 {
    padding : 55%;
}.pad-60 {
    padding : 60%;
}.pad-65 {
    padding : 65%;
}.pad-70 {
    padding : 70%;
}.pad-75 {
    padding : 75%;
}.pad-80 {
    padding : 80%;
}.pad-85 {
    padding : 85%;
}.pad-90 {
    padding : 90%;
}.pad-95 {
    padding : 95%;
}.pad-100 {
    padding : 100%;
}
.marg-5 {
    margin: 5%;
}.marg-10 {
    margin: 10%;
}.marg-15 {
    margin: 15%;
}.marg-20 {
    margin: 20%;
}.marg-25 {
    margin: 25%;
}.marg-30 {
    margin: 30%;
}.marg-35 {
    margin: 35%;
}.marg-40 {
    margin: 40%;
}.marg-45 {
    margin: 45%;
}.marg-50 {
    margin: 50%;
}.marg-55 {
    margin: 55%;
}.marg-60 {
    margin: 60%;
}.marg-65 {
    margin: 65%;
}.marg-70 {
    margin: 70%;
}.marg-75 {
    margin: 75%;
}.marg-80 {
    margin: 80%;
}.marg-85 {
    margin: 85%;
}.marg-90 {
    margin: 90%;
}.marg-95 {
    margin: 95%;
}.marg-100 {
    margin: 100%;
}
.marg-t5 {
    margin-top: 5%;
}.marg-t10 {
    margin-top: 10%;
}.marg-t15 {
    margin-top: 15%;
}.marg-t20 {
    margin-top: 20%;
}.marg-t25 {
    margin-top: 25%;
}.marg-t30 {
    margin-top: 30%;
}.marg-t35 {
    margin-top: 35%;
}.marg-t40 {
    margin-top: 40%;
}.marg-t45 {
    margin-top: 45%;
}.marg-t50 {
    margin-top: 50%;
}.marg-t55 {
    margin-top: 55%;
}.marg-t60 {
    margin-top: 60%;
}.marg-t65 {
    margin-top: 65%;
}.marg-t70 {
    margin-top: 70%;
}.marg-t75 {
    margin-top: 75%;
}.marg-t80 {
    margin-top: 80%;
}.marg-t85 {
    margin-top: 85%;
}.marg-t90 {
    margin-top: 90%;
}.marg-t95 {
    margin-top: 95%;
}.marg-t100 {
    margin-top: 100%;
}
.marg-b5 {
    margin-bottom: 5%;
}.marg-b10 {
    margin-bottom: 10%;
}.marg-b15 {
    margin-bottom: 15%;
}.marg-b20 {
    margin-bottom: 20%;
}.marg-b25 {
    margin-bottom: 25%;
}.marg-b30 {
    margin-bottom: 30%;
}.marg-b35 {
    margin-bottom: 35%;
}.marg-b40 {
    margin-bottom: 40%;
}.marg-b45 {
    margin-bottom: 45%;
}.marg-b50 {
    margin-bottom: 50%;
}.marg-b55 {
    margin-bottom: 55%;
}.marg-b60 {
    margin-bottom: 60%;
}.marg-b65 {
    margin-bottom: 65%;
}.marg-b70 {
    margin-bottom: 70%;
}.marg-b75 {
    margin-bottom: 75%;
}.marg-b80 {
    margin-bottom: 80%;
}.marg-b85 {
    margin-bottom: 85%;
}.marg-b90 {
    margin-bottom: 90%;
}.marg-b95 {
    margin-bottom: 95%;
}.marg-b100 {
    margin-bottom: 100%;
}
.marg-l5 {
    margin-left: 5%;
}.marg-l10 {
    margin-left: 10%;
}.marg-l15 {
    margin-left: 15%;
}.marg-l20 {
    margin-left: 20%;
}.marg-l25 {
    margin-left: 25%;
}.marg-l30 {
    margin-left: 30%;
}.marg-l35 {
    margin-left: 35%;
}.marg-l40 {
    margin-left: 40%;
}.marg-l45 {
    margin-left: 45%;
}.marg-l50 {
    margin-left: 50%;
}.marg-l55 {
    margin-left: 55%;
}.marg-l60 {
    margin-left: 60%;
}.marg-l65 {
    margin-left: 65%;
}.marg-l70 {
    margin-left: 70%;
}.marg-l75 {
    margin-left: 75%;
}.marg-l80 {
    margin-left: 80%;
}.marg-l85 {
    margin-left: 85%;
}.marg-l90 {
    margin-left: 90%;
}.marg-l95 {
    margin-left: 95%;
}.marg-l100 {
    margin-left: 100%;
}
.marg-r5 {
    margin-right: 5%;
}.marg-r10 {
    margin-right: 10%;
}.marg-r15 {
    margin-right: 15%;
}.marg-r20 {
    margin-right: 20%;
}.marg-r25 {
    margin-right: 25%;
}.marg-r30 {
    margin-right: 30%;
}.marg-r35 {
    margin-right: 35%;
}.marg-r40 {
    margin-right: 40%;
}.marg-r45 {
    margin-right: 45%;
}.marg-r50 {
    margin-right: 50%;
}.marg-r55 {
    margin-right: 55%;
}.marg-r60 {
    margin-right: 60%;
}.marg-r65 {
    margin-right: 65%;
}.marg-r70 {
    margin-right: 70%;
}.marg-r75 {
    margin-right: 75%;
}.marg-r80 {
    margin-right: 80%;
}.marg-r85 {
    margin-right: 85%;
}.marg-r90 {
    margin-right: 90%;
}.marg-r95 {
    margin-right: 95%;
}.marg-r100 {
    margin-right: 100%;
}
.opa-0 {
    opacity: 0%;
}.opa-5 {
    opacity: 5%;
}.opa-10 {
    opacity: 10%;
}.opa-15 {
    opacity: 15%;
}.opa-20 {
    opacity: 20%;
}.opa-25 {
    opacity: 25%;
}.opa-30 {
    opacity: 30%;
}.opa-35 {
    opacity: 35%;
}.opa-40 {
    opacity: 40%;
}.opa-45 {
    opacity: 45%;
}.opa-50 {
    opacity: 50%;
}.opa-55 {
    opacity: 55%;
}.opa-60 {
    opacity: 60%;
}.opa-65 {
    opacity: 65%;
}.opa-70 {
    opacity: 70%;
}.opa-75 {
    opacity: 75%;
}.opa-80 {
    opacity: 80%;
}.opa-85 {
    opacity: 85%;
}.opa-90 {
    opacity: 90%;
}.opa-95 {
    opacity: 95%;
}.opa-100 {
    opacity: 100%;
}
.z-1 {
    z-index: -1;
}.z1 {
    z-index: 1;
}.z2 {
    z-index: 2;
}.z3 {
    z-index: 3;
}.z4 {
    z-index: 4;
}.z5 {
    z-index: 5;
}.z6 {
    z-index: 6;
}.z7 {
    z-index: 7;
}.z8 {
    z-index: 8;
}.z9 {
    z-index: 9;
}.z10 {
    z-index: 10;
}
.link {
    text-decoration: none;
}
.black {
    color: black;
}
.dark {
    color: rgb(22, 22, 22);
}
.grey {
    color: grey;
}
.white {
    color: white;
}
.yellow {
    color: yellow;
}
.red {
    color: red;
}
.light-blue {
    color: lightblue;
}
.blue {
    color: blue;
}
.green {
    color: green;
}
.transparent {
    color: transparent;
}
.pointer {
    cursor: pointer;
}
.f-z100 {
    font-size: 100%;
}.f-z200 {
    font-size: 200%;
}.f-z300 {
    font-size: 300%;
}.f-z400 {
    font-size: 400%;
}.f-z500 {
    font-size: 500%;
}.f-z600 {
    font-size: 600%;
}.f-z700 {
    font-size: 700%;
}.f-z800 {
    font-size: 800%;
}.f-z900 {
    font-size: 900%;
}.f-z1000 {
    font-size: 1000%;
}
.f-w0 {
    font-weight: 0;
}.f-w100 {
    font-weight: 100;
}.f-w200 {
    font-weight: 200;
}.f-w300 {
    font-weight: 300;
}.f-w400 {
    font-weight: 400;
}.f-w500 {
    font-weight: 500;
}.f-w600 {
    font-weight: 600;
}.f-w700 {
    font-weight: 700;
}.f-w800 {
    font-weight: 800;
}.f-w900 {
    font-weight: 900;
}.f-w1000 {
    font-weight: 1000;
}
.h5 {
    height: 5%;
}.h10 {
    height: 10%;
}.h15 {
    height: 15%;
}.h20 {
    height: 20%;
}.h25 {
    height: 25%;
}.h30 {
    height: 30%;
}.h35 {
    height: 35%;
}.h40 {
    height: 40%;
}.h45 {
    height: 45%;
}.h50 {
    height: 50%;
}.h55 {
    height: 55%;
}.h60 {
    height: 60%;
}.h65 {
    height: 65%;
}.h70 {
    height: 70%;
}.h75 {
    height: 75%;
}.h80 {
    height: 80%;
}.h85 {
    height: 85%;
}.h90 {
    height: 90%;
}.h95 {
    height: 95%;
}.h100 {
    height: 100%;
}
.w5 {
    width: 5%;
}.w10 {
    width: 10%;
}.w15 {
    width: 15%;
}.w20 {
    width: 20%;
}.w25 {
    width: 25%;
}.w30 {
    width: 30%;
}.w35 {
    width: 35%;
}.w40 {
    width: 40%;
}.w45 {
    width: 45%;
}.w50 {
    width: 50%;
}.w55 {
    width: 55%;
}.w60 {
    width: 60%;
}.w65 {
    width: 65%;
}.w70 {
    width: 70%;
}.w75 {
    width: 75%;
}.w80 {
    width: 80%;
}.w85 {
    width: 85%;
}.w90 {
    width: 90%;
}.w95 {
    width: 95%;
}.w100 {
    width: 100%;
}
.img-back {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hide {
    visibility: hidden;
    opacity: 0;
}