@font-face {
    font-family: "DINosaur";
    font-weight: normal;
    src: url("../fonts/DINosaur_Book.woff") format("woff");
}

@font-face {
    font-family: "DINosaur";
    font-weight: bold;
    src: url("../fonts/DINosaur_Bold.woff") format("woff");
}

* {
    font-family: "DINosaur", "Helvetica Neue", "Helvetica";
}

@media screen and (min-width: 1100px){
    
    #middle {
        box-shadow: 0px 0px 8px #000;
        border-radius: 10px;
    }
    
}

@media screen and (min-width: 769px){
	
    #title{
        padding-top: 30px;
        padding-bottom: 5px;
    }

	#news, #home{
		width: 96%;
		padding: 2%;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.news{
		width: 31%;
		float: left;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	#links{
		text-align: center;
	}
	
	#home h2, #home h2 *{
		font-size: 36px;
		text-align: center;
		padding-top: 0px;
		margin-top: 0px;
	}
    
    #home h3, #home h3 *{
        font-size: 28px;
        text-align: center;
    }
	
}

@media screen and (max-width: 768px){
   
    #title{
        padding-top: 10px;
        padding-bottom: 0px;
    }
	
	#home h2, #home h2 *{
		font-size: 26px;
		text-align: center;
		padding-top: 10px;
		margin-top: 0px;
	}
    
    #home h3, #home h3 *{
        font-size: 20px;
        text-align: center;
    }
    
    #menu div.active a, #menu div a {
        font-size: 80%;
    }
}

#top{
	margin-top: 0px;
	padding-top: 0px;
}

b, strong, h2, h3, h2 a, h3 a {
    font-family: "DINosaur";
    font-weight: bold;
}

#menu div.active a, #menu div a, #pages div.active a, #pages div a {
    font-family: "DINosaur";
    font-weight: bold;
}

#pages{
  padding-top: 0px;
  margin-top: 24px;
}

#pages div, #pages div.active{
    padding-top: 8px;
    padding-bottom: 0px;
}

.spacer{
  border: 0px;
  border-bottom: 1px #c0c0c0 dashed;
  margin-top: 20px;
  margin-bottom: 20px;
}

.highlight{
    border-radius: 5px;
}

i, em{
  font-style: normal;
  color: #ccc;
}

ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 16px;
}

.icon:hover{
    opacity: 0.75;
}

.field, .button{
	border-radius: 5px;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 11px;
    padding-right: 11px;
}
  
.field{
    border: 1px #222 solid;
	background: #f0f0f0;
}

.button{
    border: 1px #000 solid;
	background: #222;
}

.image{
	text-align: center;
}

#footer p{
  color: #777;
}

.storeButton{
    opacity: 1.0;
}

.storeButton:hover{
    opacity: 0.65;
}