﻿.ImageOne {
/*	Used for centre header image ;*/
    width:15em;
}
.ImageTwo {
/*	Used for images on the right of centre header ;*/
    width:2.5em;
    padding:0em 0.1em 0.25em 0.1em;
}
.ImageThree {
/*	Used for images on the right of centre header ;*/
    height:2.5em;
    padding-left:0.2em;
}
.ImageFour {
/*	Used for plate options and preview images ;*/
    height:2.25em;
    padding:0em 0.4em 0em 0.4em;
}
.ImageFive {
/*	Used for add to basket, checkout and fixing imgaes at preview ;*/
    height:2.5em;
}
.ImageSix {
/*	Used for plate choices images ;*/
    height:2.5em;
}
.ImageSeven {
/*	Used for landscape side badge option images ;*/
    height:2.5em;
}
.ImageEight {
/*	Used for portrait side badge option images ;*/
    width:2.5em;
}
.ImageNine {
/*	Used for typestyle character images ;*/
    height:5em;
}
.ImageTen {
/*	Used for keyboard character images ;*/
    height:1.2em;
}
.ImageEleven {
/*	Used for footer images ;*/
    height:5em;
   	box-shadow:0.2em 0.2em 0.1em #363636;
	opacity:0.95;
}
.ImageTwelve {
/*	Used for Payment button ;*/
    width:75%;
}

.np01 {
	margin:0em 0em 0em 0em;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor: pointer;
}

.button_sml_menu {
	width:75%;
}

#div_keyboard_choices,#div_basket {width:80%;}
#div_window_width {width:100%;}

@media screen and (max-width:480px) {
  body {font-size:2.5vw;}
}
@media screen and (max-width:680px) and (min-width:481px) {
  body {font-size:2.25vw;}
}
@media screen and (max-width:880px) and (min-width:681px) {
  body {font-size:2vw;}
}
@media screen and (max-width:1080px) and (min-width:881px) {
  body {font-size:1.75vw;}
}
@media screen and (max-width:1280px) and (min-width:1081px) {
  body {font-size:1.5vw;}
}
@media screen and (min-width:1281px) {
  body {font-size:1.25vw;}
}