@font-face {

  font-family: PT Sans Bold; 
  src: url(fonts/PTC75F_W.ttf); 
 }

@font-face {

   font-family: PT Sans; 
  src: url(fonts/PTC55F_W.ttf);  
}

a:link {color:#bbb; text-decoration:none;}
a:visited {color:#bbb;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#fff;text-decoration:none}

* {   
  margin:0; 
  padding:0; 
  }

p {
  max-width: 500px;

}
.year {

  max-width: 960px;
  margin: auto;
  font-family:'PT Sans Bold';
  font-size:14px;
  padding-left: 15px;
  line-height: 19px;
  color: #eee;
}

#left {
  float: right;
  font-family: PT Sans; 
}
/* If the screen size is 601px or more, set the font-size of <div> to 80px */
@media only screen and (min-width: 801px) {
  

  body { 
       
     font-family:'PT Sans', Verdana;

}
  .content {
  max-width: 960px;
  margin: auto;
  color: #000;  }

    .content1 {
      max-width: 960px;
  margin: auto;
  color: #000;  }

  .button  {

  max-width: 960px;
  margin: auto;
  font-family:'PT Sans Bold';
  font-size:14px;
  padding-left: 15px;
  line-height: 19px;
  color: #eee;
}

.navigation {

  padding-top: 10px;
  left: 0px;
  width: 960px;
  height: 20px;
  width: 100%;
}


}



/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 800px) {

body { 
       
     font-family:'PT Sans', Verdana;


}

  .content {
      max-width: 350px;
  margin: auto;
  color: #000;  }


  .content1 {
      max-width: 350px;
  margin: auto;
  color: #000;  }

   .button  {

  max-width: 350px;
  margin: auto;
  font-family:'PT Sans Bold';
  text-align: left;
  font-size:14px;
  padding-left: 15px;
  line-height: 19px;
  color: #eee;
}

.navigation {

  padding-top: 10px;
  left: 0px;
  width: 450px;
  height: 20px;
  width: 100%;
}
}




#b1,#b2,#b3 {

  padding-left: 10px;
}

#b0 {
  color: #000;
}

#b4 {
  padding-left: 0px;
}

#b3 {
  color: #000;
}

.button_not_active  {

  position: relative;
  width: 78px;
  height: 18px;
  background-color: #fff;
  margin-bottom: 20px;
  color:#000;
  font-family:'PT Sans Bold';
  text-align: left;
  line-height: 17px;
  font-size:1px;
  padding-left: 10px;
  border-style:solid;
  border-width:1px;
}

.item {

  float: left;
  padding: 10px;
  width: 300px;
  height: 300px;
  vertical-align: middle;
}

.item1 {

  float: left;
  padding: 10px;
  width: 300px;
  height: 300px;
  vertical-align: middle;
}

.things_item {

  float: left;
  padding: 10px;
  vertical-align: middle;

  
}

.things_item2 {

  float: left;
  padding: 10px;
  vertical-align: middle;
  height: 638px;

  
}

.item:hover {
opacity: 0.95;
}

.text {

  font-size:13px;
  padding-left: 10px;
}