* { padding: 0; margin: 0; border: 0; font-family: inherit; }

a:link,a:active,a:visited {color : #FFFFFF;text-decoration: none;}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  background-color: #f0f0f8;
  /*-moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

code, pre, abbr, kbd {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

#wrapper {
  width: 955px;
  margin: auto;
  background-color: white;
}

h1 {
  color: #ffd801;
  margin: 10px;
  text-shadow: 2px 2px 4px black;
  font-weight: bold;
}

h1, h4 {
  text-align: center;
}

.section1 {
  margin: 20px;
}

.section1 img {
  float: right;
}

.section2 {
  margin: 20px 0;
   padding : 30px;
  background-color: #ffd801;
  text-align: justify;
}

.section3 {
  margin: 30px;
  height: 260px;
}

.section3 img {
  float: left;
  margin-right: 10px;
}

.clear {
  clear: both;
}

.copyright {
  background-color: #ffd801;
  padding: 5px;
}

.copyright p {
  text-align: center;
  font-size: .8em;
}

@media only screen
and (min-width : 320px)
and (max-width : 640px) {
  #wrapper { width: 100%;}
  .section1 {margin: 5px; text-align: justify;}
  .section1 img {float: none; display: block;}
  .section2 {margin: 5px; padding: 5px; text-align: justify;}
  .section3 {margin: 5px; text-align: justify; height: auto;}
  .section3 img {float: none; display: block; margin-right: 0;}
}