/*
Designed by: Cara Mooney
*/
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300);
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
  background: #f7f7f7 url(images/bg2.jpg) repeat;
  margin: 0;
  color: #3e3e3e;
  }

/* TOP DIVS */

#header {
  margin: 0 auto;
  width: auto;
  height: 140px;
  background: none;
  text-align: center;
  }
.logo {
  margin: 0 auto;
  width: 409px;
  height: 137px;
  }
#container {
  width: auto;
  margin: 0 auto;
  }
#intro {  
  margin: 0 auto; 
  border-collapse: collapse;
  border-spacing: 0;
  font: italic 1.7em "times new roman", "georgia";
  color: #000;
  text-align:center;
}
.box {
   display: inline-block;
   margin: 10px 5px 0 5px;
   padding: 0 0 10px 0;
   max-width: 220px;
   height: 280px;
   border: none;
   text-align: center;
}   
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	#intro {  
	  margin: 0 auto; 
	  border-collapse: collapse;
	  border-spacing: 0;
	  font: italic 1.7em "times new roman", "georgia";
	  color: #000;
	  text-align:center;
	}
	.box {
	   float: left;
	   margin: 10px 5px 0 5px;
	   padding: 0 0 10px 0;
	   width: 100%;
	   height: 100px;
	   border: none;
	   text-align: left;
	}
	.logo {
	   margin: 0 auto;
	   width: 100%;
	}   
}
#content {
  margin: 0 auto;
  width: auto;
  text-align: left;
  font-family: 'Roboto', sans-serif, "book antiqua", "georgia";
  font-size: 1.1em;
  color: #333333;
  background: none;
  margin: 0 50px 25px 50px; 
  padding: 10px;
  }
#footer {
  margin: 0 auto;
  width: 800px;
  text-align: center;
  padding: 10px;
  font-family: 'Roboto', sans-serif, "book antiqua", "georgia";
  font-size: .9em;
  }
        .e-mail:before {
            content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl;
        }

/* HEADERS */

h1 {
  font-family: "Yanone Kaffeesatz";
  font-weight: 400;
  color: #264970;
  text-align: left;
  padding: 3px 0 2px 0;
  margin: 0;
  }
h2 { 
  font: normal 140% "times new roman", "georgia";
  font-weight: 600;
  font-variant:small-caps;
  color: #497731; 
  letter-spacing: 1px;
  text-align: left;
  padding: 3px 0 2px 0;
  margin: 0;
  }

/* LINKS */

a:link, a:active, a:visited {
   color: #2666ac;
   text-decoration: none;
   }
a:hover {
   color: #4182ca;
   }
blockquote {
  color: #000;
  font: 90% "georgia", "times new roman";
  background: #e2e1dd;
  border: double #000;
  padding: 8px;
  margin: 10px 25px;
  }
blockquote:hover {
  border: double #a19674;
  }

/* LISTS */

ul {
  list-style-image:url('images/bul-arrow.png');
  margin-left: 5px;
  }

/* IMAGES */

img {
  margin: 0 ;
  padding: 2px;
  position: relative;
  border: none;
  }
img.main {
  border: solid #fff 8px;
  margin: 0 8px;
  padding: 0;
  }
img.main:hover {
  border-color: #381580;
  }
.center{
  text-align: center;
  }
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.alignleft {
  float: left;
  text-align: left;
  width: auto;
  }
.alignright {
  float: right;
  text-align: right;
  width: auto;
  }
input, textarea, select {
  text-align: left;
  font: normal 95%/110% "georgia", "times new roman";
  color: #000;
  background: #e7e7e7;
  border: 1px solid #9a9a9a;
  padding: 5px 9px;
  }