/* PX */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}


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

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

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

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

.m-auto {
  margin: auto;
}

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

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

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

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

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

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

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

.mb-40px {
	margin-bottom: 40px;
}	

.mr-10px {
	margin-right: 10px;
}

.mr-20px {
	margin-right: 20px;
}

.mr-30px {
	margin-right: 30px;
}

.mr-40px {
	margin-right: 40px;
}

.ml-10px {
	margin-left: 10px;
}

.ml-20px {
	margin-left: 20px;
}

.ml-30px {
	margin-left: 30px;
}

.ml-40px {
	margin-left: 40px;
}

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

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

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

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

.mx-10px {
	margin-right: 10px;
	margin-left: 10px;
}

.mx-20px {
	margin-right: 20px;
	margin-left: 20px;
}

.mx-30px {
	margin-right: 30px;
	margin-left: 30px;
}	

.mx-40px {
	margin-right: 40px;
	margin-left: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pl-10px {
  padding-left: 10px;
}

.pl-20px {
  padding-left: 20px;
}

.pl-30px {
  padding-left: 30px;
}

.pl-40px {
  padding-left: 40px;
}

.pr-10px {
  padding-right: 10px;
}

.pr-20px {
  padding-right: 20px;
}

.pr-30px {
  padding-right: 30px;
}

.pr-40px {
  padding-right: 40px;
}

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

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

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

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

.px-10px {
  padding-right: 10px;
  padding-left: 10px;
}

.px-20px {
  padding-right: 20px;
  padding-left: 20px;
}

.px-30px {
  padding-right: 30px;
  padding-left: 30px;
}

.px-40px {
  padding-right: 40px;
  padding-left: 40px;
}

/* REM */
.m-1rem {
  margin: 1rem;
}

.m-2rem {
  margin: 2rem;
}

.m-3rem {
  margin: 3rem;
}

.m-4rem {
  margin: 4rem;
}

.m-autorem {
  margin: auto;
}

.mt-1rem {
	margin-top: 1rem;
}

.mt-2rem {
	margin-top: 2rem;
}

.mt-3rem {
	margin-top: 3rem;
}

.mt-4rem {
	margin-top: 4rem;
}

.mb-1rem {
	margin-bottom: 1rem;
}

.mb-2rem {
	margin-bottom: 2rem;
}

.mb-3rem {
	margin-bottom: 3rem;
}

.mb-4rem {
	margin-bottom: 4rem;
}	

.mr-1rem {
	margin-right: 1rem;
}

.mr-2rem {
	margin-right: 2rem;
}

.mr-3rem {
	margin-right: 3rem;
}

.mr-4rem {
	margin-right: 4rem;
}

.ml-1rem {
	margin-left: 1rem;
}

.ml-2rem {
	margin-left: 2rem;
}

.ml-3rem {
	margin-left: 3rem;
}

.ml-4rem {
	margin-left: 4rem;
}

.my-1rem {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-2rem {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.my-3rem {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.my-4rem {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.mx-1rem {
	margin-right: 1rem;
	margin-left: 1rem;
}

.mx-2rem {
	margin-right: 2rem;
	margin-left: 2rem;
}

.mx-3rem {
	margin-right: 3rem;
	margin-left: 3rem;
}	

.mx-4rem {
	margin-right: 4rem;
	margin-left: 4rem;
}

.p-1rem {
  padding: 1rem;
}

.p-2rem {
  padding: 2rem;
}

.p-3rem {
  padding: 3rem;
}

.p-4rem {
  padding: 4rem;
}

.pt-1rem {
  padding-top: 1rem;
}

.pt-2rem {
  padding-top: 2rem;
}

.pt-3rem {
  padding-top: 3rem;
}

.pt-4rem {
  padding-top: 4rem;
}

.pb-1rem {
  padding-bottom: 1rem;
}

.pb-2rem {
  padding-bottom: 2rem;
}

.pb-3rem {
  padding-bottom: 3rem;
}

.pb-4rem {
  padding-bottom: 4rem;
}

.pl-1rem {
  padding-left: 1rem;
}

.pl-2rem {
  padding-left: 2rem;
}

.pl-3rem {
  padding-left: 3rem;
}

.pl-4rem {
  padding-left: 4rem;
}

.pr-1rem {
  padding-right: 1rem;
}

.pr-2rem {
  padding-right: 2rem;
}

.pr-3rem {
  padding-right: 3rem;
}

.pr-4rem {
  padding-right: 4rem;
}

.py-1rem {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-2rem {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-3rem {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-4rem {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-1rem {
  padding-right: 1rem;
  padding-left: 1rem;
}

.px-2rem {
  padding-right: 2rem;
  padding-left: 2rem;
}

.px-3rem {
  padding-right: 3rem;
  padding-left: 3rem;
}

.px-4rem {
  padding-right: 4rem;
  padding-left: 4rem;
}

/* EM */
.m-1em {
  margin: 1em;
}

.m-2em {
  margin: 2em;
}

.m-3em {
  margin: 3em;
}

.m-4em {
  margin: 4em;
}

.m-autoem {
  margin: auto;
}

.mt-1em {
  margin-top: 1em;
}

.mt-2em {
  margin-top: 2em;
}

.mt-3em {
  margin-top: 3em;
}

.mt-4em {
  margin-top: 4em;
}

.mb-1em {
  margin-bottom: 1em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mb-3em {
  margin-bottom: 3em;
}

.mb-4em {
  margin-bottom: 4em;
}

.mr-1em {
  margin-right: 1em;
}

.mr-2em {
  margin-right: 2em;
}

.mr-3em {
  margin-right: 3em;
}

.mr-4em {
  margin-right: 4em;
}

.ml-1em {
  margin-left: 1em;
}

.ml-2em {
  margin-left: 2em;
}

.ml-3em {
  margin-left: 3em;
}

.ml-4em {
  margin-left: 4em;
}

.my-1em {
  margin-top: 1em;
  margin-bottom: 1em;
}

.my-2em {
  margin-top: 2em;
  margin-bottom: 2em;
}

.my-3em {
  margin-top: 3em;
  margin-bottom: 3em;
}

.my-4em {
  margin-top: 4em;
  margin-bottom: 4em;
}

.mx-1em {
  margin-right: 1em;
  margin-left: 1em;
}

.mx-2em {
  margin-right: 2em;
  margin-left: 2em;
}

.mx-3em {
  margin-right: 3em;
  margin-left: 3em;
}

.mx-4em {
  margin-right: 4em;
  margin-left: 4em;
}

.p-1em {
  padding: 1em;
}

.p-2em {
  padding: 2em;
}

.p-3em {
  padding: 3em;
}

.p-4em {
  padding: 4em;
}

.pt-1em {
  padding-top: 1em;
}

.pt-2em {
  padding-top: 2em;
}

.pt-3em {
  padding-top: 3em;
}

.pt-4em {
  padding-top: 4em;
}

.pb-1em {
  padding-bottom: 1em;
}

.pb-2em {
  padding-bottom: 2em;
}

.pb-3em {
  padding-bottom: 3em;
}

.pb-4em {
  padding-bottom: 4em;
}

.pl-1em {
  padding-left: 1em;
}

.pl-2em {
  padding-left: 2em;
}

.pl-3em {
  padding-left: 3em;
}

.pl-4em {
  padding-left: 4em;
}

.pr-1em {
  padding-right: 1em;
}

.pr-2em {
  padding-right: 2em;
}

.pr-3em {
  padding-right: 3em;
}

.pr-4em {
  padding-right: 4em;
}

.py-1em {
  padding-top: 1em;
  padding-bottom: 1em;
}

.py-2em {
  padding-top: 2em;
  padding-bottom: 2em;
}

.py-3em {
  padding-top: 3em;
  padding-bottom: 3em;
}

.py-4em {
  padding-top: 4em;
  padding-bottom: 4em;
}

.px-1em {
  padding-right: 1em;
  padding-left: 1em;
}

.px-2em {
  padding-right: 2em;
  padding-left: 2em;
}

.px-3em {
  padding-right: 3em;
  padding-left: 3em;
}

.px-4em {
  padding-right: 4em;
  padding-left: 4em;
}

/* VH */  
.m-10vh {
  margin: 10vh;
}

.m-20vh {
  margin: 20vh;
}

.m-30vh {
  margin: 30vh;
}

.m-40vh {
  margin: 40vh;
}

.m-autovh {
  margin: auto;
}

.mt-10vh {
  margin-top: 10vh;
}

.mt-20vh {
  margin-top: 20vh;
}

.mt-30vh {
  margin-top: 30vh;
}

.mt-40vh {
  margin-top: 40vh;
}

.mb-10vh {
  margin-bottom: 10vh;
}

.mb-20vh {
  margin-bottom: 20vh;
}

.mb-30vh {
  margin-bottom: 30vh;
}

.mb-40vh {
  margin-bottom: 40vh;
}

.mr-10vh {
  margin-right: 10vh;
}

.mr-20vh {
  margin-right: 20vh;
}

.mr-30vh {
  margin-right: 30vh;
}

.mr-40vh {
  margin-right: 40vh;
}

.ml-10vh {
  margin-left: 10vh;
}

.ml-20vh {
  margin-left: 20vh;
}

.ml-30vh {
  margin-left: 30vh;
}

.ml-40vh {
  margin-left: 40vh;
}

.my-10vh {
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.my-20vh {
  margin-top: 20vh;
  margin-bottom: 20vh;
}

.my-30vh {
  margin-top: 30vh;
  margin-bottom: 30vh;
}

.my-40vh {
  margin-top: 40vh;
  margin-bottom: 40vh;
}

.mx-10vh {
  margin-right: 10vh;
  margin-left: 10vh;
}

.mx-20vh {
  margin-right: 20vh;
  margin-left: 20vh;
}

.mx-30vh {
  margin-right: 30vh;
  margin-left: 30vh;
}

.mx-40vh {
  margin-right: 40vh;
  margin-left: 40vh;
}

.p-10vh {
  padding: 10vh;
}

.p-20vh {
  padding: 20vh;
}

.p-30vh {
  padding: 30vh;
}

.p-40vh {
  padding: 40vh;
}

.pt-10vh {
  padding-top: 10vh;
}

.pt-20vh {
  padding-top: 20vh;
}

.pt-30vh {
  padding-top: 30vh;
}

.pt-40vh {
  padding-top: 40vh;
}

.pb-10vh {
  padding-bottom: 10vh;
}

.pb-20vh {
  padding-bottom: 20vh;
}

.pb-30vh {
  padding-bottom: 30vh;
}

.pb-40vh {
  padding-bottom: 40vh;
}

.pl-10vh {
  padding-left: 10vh;
}

.pl-20vh {
  padding-left: 20vh;
}

.pl-30vh {
  padding-left: 30vh;
}

.pl-40vh {
  padding-left: 40vh;
}

.pr-10vh {
  padding-right: 10vh;
}

.pr-20vh {
  padding-right: 20vh;
}

.pr-30vh {
  padding-right: 30vh;
}

.pr-40vh {
  padding-right: 40vh;
}

.py-10vh {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.py-20vh {
  padding-top: 20vh;
  padding-bottom: 20vh;
}

.py-30vh {
  padding-top: 30vh;
  padding-bottom: 30vh;
}

.py-40vh {
  padding-top: 40vh;
  padding-bottom: 40vh;
}

.px-10vh {
  padding-right: 10vh;
  padding-left: 10vh;
}

.px-20vh {
  padding-right: 20vh;
  padding-left: 20vh;
}

.px-30vh {
  padding-right: 30vh;
  padding-left: 30vh;
}

.px-40vh {
  padding-right: 40vh;
  padding-left: 40vh;
}

/* VW */

.m-10vw {
  margin: 10vw;
}

.m-20vw {
  margin: 20vw;
}

.m-30vw {
  margin: 30vw;
}

.m-40vw {
  margin: 40vw;
}

.m-autovw {
  margin: auto;
}

.mt-10vw {
  margin-top: 10vw;
}

.mt-20vw {
  margin-top: 20vw;
}

.mt-30vw {
  margin-top: 30vw;
}

.mt-40vw {
  margin-top: 40vw;
}

.mb-10vw {
  margin-bottom: 10vw;
}

.mb-20vw {
  margin-bottom: 20vw;
}

.mb-30vw {
  margin-bottom: 30vw;
}

.mb-40vw {
  margin-bottom: 40vw;
}

.mr-10vw {
  margin-right: 10vw;
}

.mr-20vw {
  margin-right: 20vw;
}

.mr-30vw {
  margin-right: 30vw;
}

.mr-40vw {
  margin-right: 40vw;
}

.ml-10vw {
  margin-left: 10vw;
}

.ml-20vw {
  margin-left: 20vw;
}

.ml-30vw {
  margin-left: 30vw;
}

.ml-40vw {
  margin-left: 40vw;
}

.my-10vw {
  margin-top: 10vw;
  margin-bottom: 10vw;
}

.my-20vw {
  margin-top: 20vw;
  margin-bottom: 20vw;
}

.my-30vw {
  margin-top: 30vw;
  margin-bottom: 30vw;
}

.my-40vw {
  margin-top: 40vw;
  margin-bottom: 40vw;
}

.mx-10vw {
  margin-right: 10vw;
  margin-left: 10vw;
}

.mx-20vw {
  margin-right: 20vw;
  margin-left: 20vw;
}

.mx-30vw {
  margin-right: 30vw;
  margin-left: 30vw;
}

.mx-40vw {
  margin-right: 40vw;
  margin-left: 40vw;
}

.p-10vw {
  padding: 10vw;
}

.p-20vw {
  padding: 20vw;
}

.p-30vw {
  padding: 30vw;
}

.p-40vw {
  padding: 40vw;
}

.pt-10vw {
  padding-top: 10vw;
}

.pt-20vw {
  padding-top: 20vw;
}

.pt-30vw {
  padding-top: 30vw;
}

.pt-40vw {
  padding-top: 40vw;
}

.pb-10vw {
  padding-bottom: 10vw;
}

.pb-20vw {
  padding-bottom: 20vw;
}

.pb-30vw {
  padding-bottom: 30vw;
}

.pb-40vw {
  padding-bottom: 40vw;
}

.pl-10vw {
  padding-left: 10vw;
}

.pl-20vw {
  padding-left: 20vw;
}

.pl-30vw {
  padding-left: 30vw;
}

.pl-40vw {
  padding-left: 40vw;
}

.pr-10vw {
  padding-right: 10vw;
}

.pr-20vw {
  padding-right: 20vw;
}

.pr-30vw {
  padding-right: 30vw;
}

.pr-40vw {
  padding-right: 40vw;
}

.py-10vw {
  padding-top: 10vw;
  padding-bottom: 10vw;
}

.py-20vw {
  padding-top: 20vw;
  padding-bottom: 20vw;
}

.py-30vw {
  padding-top: 30vw;
  padding-bottom: 30vw;
}

.py-40vw {
  padding-top: 40vw;
  padding-bottom: 40vw;
}

.px-10vw {
  padding-right: 10vw;
  padding-left: 10vw;
}

.px-20vw {
  padding-right: 20vw;
  padding-left: 20vw;
}

.px-30vw {
  padding-right: 30vw;
  padding-left: 30vw;
}

.px-40vw {
  padding-right: 40vw;
  padding-left: 40vw;
}

/* percent */
.m-10 {
  margin: 10%;
}

.m-20 {
  margin: 20%;
}

.m-30 {
  margin: 30%;
}

.m-40 {
  margin: 40%;
}

.m-auto {
  margin: auto;
}

.mt-10 {
  margin-top: 10%;
}

.mt-20 {
  margin-top: 20%;
}

.mt-30 {
  margin-top: 30%;
}

.mt-40 {
  margin-top: 40%;
}

.mb-10 {
  margin-bottom: 10%;
}

.mb-20 {
  margin-bottom: 20%;
}

.mb-30 {
  margin-bottom: 30%;
}

.mb-40 {
  margin-bottom: 40%;
}

.mr-10 {
  margin-right: 10%;
}

.mr-20 {
  margin-right: 20%;
}

.mr-30 {
  margin-right: 30%;
}

.mr-40 {
  margin-right: 40%;
}

.ml-10 {
  margin-left: 10%;
}

.ml-20 {
  margin-left: 20%;
}

.ml-30 {
  margin-left: 30%;
}

.ml-40 {
  margin-left: 40%;
}

.my-10 {
  margin-top: 10%;
  margin-bottom: 10%;
}

.my-20 {
  margin-top: 20%;
  margin-bottom: 20%;
}

.my-30 {
  margin-top: 30%;
  margin-bottom: 30%;
}

.my-40 {
  margin-top: 40%;
  margin-bottom: 40%;
}

.mx-10 {
  margin-right: 10%;
  margin-left: 10%;
}

.mx-20 {
  margin-right: 20%;
  margin-left: 20%;
}

.mx-30 {
  margin-right: 30%;
  margin-left: 30%;
}

.mx-40 {
  margin-right: 40%;
  margin-left: 40%;
}

.p-10 {
  padding: 10%;
}

.p-20 {
  padding: 20%;
}

.p-30 {
  padding: 30%;
}

.p-40 {
  padding: 40%;
}

.pt-10 {
  padding-top: 10%;
}

.pt-20 {
  padding-top: 20%;
}

.pt-30 {
  padding-top: 30%;
}

.pt-40 {
  padding-top: 40%;
}

.pb-10 {
  padding-bottom: 10%;
}

.pb-20 {
  padding-bottom: 20%;
}

.pb-30 {
  padding-bottom: 30%;
}

.pb-40 {
  padding-bottom: 40%;
}

.pl-10 {
  padding-left: 10%;
}

.pl-20 {
  padding-left: 20%;
}

.pl-30 {
  padding-left: 30%;
}

.pl-40 {
  padding-left: 40%;
}

.pr-10 {
  padding-right: 10%;
}

.pr-20 {
  padding-right: 20%;
}

.pr-30 {
  padding-right: 30%;
}

.pr-40 {
  padding-right: 40%;
}

.py-10 {
  padding-top: 10%;
  padding-bottom: 10%;
}

.py-20 {
  padding-top: 20%;
  padding-bottom: 20%;
}

.py-30 {
  padding-top: 30%;
  padding-bottom: 30%;
}

.py-40 {
  padding-top: 40%;
  padding-bottom: 40%;
}

.px-10 {
  padding-right: 10%;
  padding-left: 10%;
}

.px-20 {
  padding-right: 20%;
  padding-left: 20%;
}

.px-30 {
  padding-right: 30%;
  padding-left: 30%;
}

.px-40 {
  padding-right: 40%;
  padding-left: 40%;
}