/* lexipixel.css */


/* ================ */
/* RESPONSIVE FONTS */
/* ================ */

html {
  background-color: #ffffff;
}


html,body,div,p,span,table,td,tr,th {
  margin:0px;
  padding:0px;
}

body {
  font-size: 100%;
  line-height: 1.6875;
  font-family: Arial, Verdana, sans-serif;
}

p {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  margin:0px;
  padding:0px;
  line-height: 1.2;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 700;
}
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }


/* IMAGES */

img {
  width: 100%;
  height: auto;
  margin:0px;
  padding:0px;
}

.mottoWrapper {
  width: 66%;
  font-size:1.4eml
  font-weight:500;
  text-decoration: italics;
}

/* FONTS: up to 319 pixels wide */

@media only screen 
and (max-width: 319px) {
  body { font-size:50%; }
}


/* FONTS: from 320 to 480 pixels wide */

@media only screen 
and (min-width: 320px) 
and (max-width: 480px) {
  body { font-size:66%; }
}

/* FONTS: from 481 to 800 pixels wide */

@media only screen 
and (min-width: 481px) 
and (max-width: 800px) {
  body { font-size:88%; }
}

/* FONTS: 800 pixels or wider */

@media only screen 
and (min-width: 801px) {
  body { font-size: 100%; }
}

#master {
  margin: 0px;
  padding: 0px;
  background-color: #e0e0ff;
}

#masthead {
  margin: 0px;
  padding: 0px;
  font-size: 2em;
  background-color: #ffffff;
}

#bodywrap {
  margin: 0px;
  padding: 0px;
  background-color: #ffe0e0;
}

#bod0 {
  margin: 0px;
  padding: 0px;
  font-size: 1.2em;
  background-color: #cccccc;
}