/*margin Settings*/
/* Tidy these later!!!!!!!!!! */
.ms-50 {margin-left: 50%;}
.me-50 {margin-right: 50%;}




/*On Desktop*/

@media (orientation: landscape) {


.ms-md-auto {margin-left: auto;}
.me-me-auto {margin-right: auto;}

.m-md-none {margin: 0% !important;}

}

/*On Mobile*/

@media (orientation: portrait) {

.m-sm-auto {margin: auto !important;};
.m-sm-none {margin: 0% !important;}
.mb-sm-2vh {margin-bottom: 2vh;}

}

/* Tidy these later!!!!!!!!!! */

.m-auto {margin: auto !important;}
.ms-auto {margin-left: auto;}
.me-auto {margin-right: auto;}

.m-1vh {margin: 1vh;}
.m-2vh {margin: 2vh;}
.m-3vh {margin: 3vh;}
.m-4vh {margin: 4vh;}
.m-5vh {margin: 5vh;}
.m-6vh {margin: 6vh;}
.m-7vh {margin: 7vh;}
.m-8vh {margin: 8vh;}
.m-9vh {margin: 9vh;}
.m-10vh {margin: 10vh;}

/* margin Left */
.ms-1vh {margin-left: 1vh;}
.ms-2vh {margin-left: 2vh;}
.ms-3vh {margin-left: 3vh;}
.ms-4vh {margin-left: 4vh;}
.ms-5vh {margin-left: 5vh;}
.ms-6vh {margin-left: 6vh;}
.ms-7vh {margin-left: 7vh;}
.ms-8vh {margin-left: 8vh;}
.ms-9vh {margin-left: 9vh;}
.ms-10vh {margin-left: 10vh;}

/* margin right */
.me-1vh {margin-right: 1vh;}
.me-2vh {margin-right: 2vh;}
.me-3vh {margin-right: 3vh;}
.me-4vh {margin-right: 4vh;}
.me-5vh {margin-right: 5vh;}
.me-6vh {margin-right: 6vh;}
.me-7vh {margin-right: 7vh;}
.me-8vh {margin-right: 8vh;}
.me-9vh {margin-right: 9vh;}
.me-10vh {margin-right: 10vh;}

/* margin top */
.mt-1vh {margin-top: 1vh;}
.mt-2vh {margin-top: 2vh;}
.mt-3vh {margin-top: 3vh;}
.mt-4vh {margin-top: 4vh;}
.mt-5vh {margin-top: 5vh;}
.mt-6vh {margin-top: 6vh;}
.mt-7vh {margin-top: 7vh;}
.mt-8vh {margin-top: 8vh;}
.mt-9vh {margin-top: 9vh;}
.mt-10vh {margin-top: 10vh;}

/* margin bottom */
.mb-1vh {margin-bottom: 1vh;}
.mb-2vh {margin-bottom: 2vh;}
.mb-3vh {margin-bottom: 3vh;}
.mb-4vh {margin-bottom: 4vh;}
.mb-5vh {margin-bottom: 5vh;}
.mb-6vh {margin-bottom: 6vh;}
.mb-7vh {margin-bottom: 7vh;}
.mb-8vh {margin-bottom: 8vh;}
.mb-9vh {margin-bottom: 9vh;}
.mb-10vh {margin-bottom: 10vh;}

/*-------------------------------------------*/
/*Mobile Break Points*/
/*-------------------------------------------*/

/*On Desktop*/

@media (orientation: landscape) {

/*margin Settings*/
.m-md-1vh {margin: 1vh;}
.m-md-2vh {margin: 2vh;}
.m-md-3vh {margin: 3vh;}
.m-md-4vh {margin: 4vh;}
.m-md-5vh {margin: 5vh;}
.m-md-6vh {margin: 6vh;}
.m-md-7vh {margin: 7vh;}
.m-md-8vh {margin: 8vh;}
.m-md-9vh {margin: 9vh;}
.m-md-10vh {margin: 10vh;}

/* margin Left */
.ms-md-1vh {margin-md-left: 1vh;}
.ms-md-2vh {margin-md-left: 2vh;}
.ms-md-3vh {margin-md-left: 3vh;}
.ms-md-4vh {margin-md-left: 4vh;}
.ms-md-5vh {margin-md-left: 5vh;}
.ms-md-6vh {margin-md-left: 6vh;}
.ms-md-7vh {margin-md-left: 7vh;}
.ms-md-8vh {margin-md-left: 8vh;}
.ms-md-9vh {margin-md-left: 9vh;}
.ms-md-10vh {margin-md-left: 10vh;}

/* margin right */
.me-md-1vh {margin-md-right: 1vh;}
.me-md-2vh {margin-md-right: 2vh;}
.me-md-3vh {margin-md-right: 3vh;}
.me-md-4vh {margin-md-right: 4vh;}
.me-md-5vh {margin-md-right: 5vh;}
.me-md-6vh {margin-md-right: 6vh;}
.me-md-7vh {margin-md-right: 7vh;}
.me-md-8vh {margin-md-right: 8vh;}
.me-md-9vh {margin-md-right: 9vh;}
.me-md-10vh {margin-md-right: 10vh;}

/* margin top */
.mt-md-1vh {margin-md-top: 1vh;}
.mt-md-2vh {margin-md-top: 2vh;}
.mt-md-3vh {margin-md-top: 3vh;}
.mt-md-4vh {margin-md-top: 4vh;}
.mt-md-5vh {margin-md-top: 5vh;}
.mt-md-6vh {margin-md-top: 6vh;}
.mt-md-7vh {margin-md-top: 7vh;}
.mt-md-8vh {margin-md-top: 8vh;}
.mt-md-9vh {margin-md-top: 9vh;}
.mt-md-10vh {margin-md-top: 10vh;}

/* margin bottom */
.mb-md-1vh {margin-md-bottom: 1vh;}
.mb-md-2vh {margin-md-bottom: 2vh;}
.mb-md-3vh {margin-md-bottom: 3vh;}
.mb-md-4vh {margin-md-bottom: 4vh;}
.mb-md-5vh {margin-md-bottom: 5vh;}
.mb-md-6vh {margin-md-bottom: 6vh;}
.mb-md-7vh {margin-md-bottom: 7vh;}
.mb-md-8vh {margin-md-bottom: 8vh;}
.mb-md-9vh {margin-md-bottom: 9vh;}
.mb-md-10vh {margin-bottom: 10vh;}

}