@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Roboto+Slab:400,100,300,700);

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Rokkitt:400,500');

/* CSS Document */

#page {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	}
	
header { 
	text-align: center; 
	margin-top: 70px; 
	margin-bottom: 30px; 
	position: relative; 
	display: block; 
	height: 500px; 
	border-bottom: 10px solid #9F8A8E;
	font-family: 'Abril Fatface', cursive; 
	font-size: 2em; 
	font-weight: 400; 
	text-shadow: 3px 3px 3px #95613d; 
	padding-top: 20px;
	}
	
	body {
	background-color: #fff;    
     -webkit-animation: spotlightBG 30s infinite alternate;
     -moz-animation: spotlightBG 30s infinite alternate;
	 -ms-animation: spotlightBG 30s infinite alternate;
     -o-animation: spotlightBG 30s infinite alternate;
     animation: spotlightBG 30s infinite alternate;
}

#dyr h2 {
	font-size: 2.6em;
	font-family: Rokkitt:500;
	text-shadow: 2px 2px 2px #95613d; 
}


#dyr img {
	border-radius: 12px;
	width: 97%;
	height: 97%;
	}
	
#dyr a {
	color:#630;
}

#dyr a:hover {
	text-decoration:none;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1em;
	color: #333;
}

#ollie img {
	border-radius: 12px;
	width: 97%;
	height: 97%;
	}
	
#ollie a {
	color:#630;
}

#ollie a:hover {
	text-decoration:none;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1em;
	color: #333;
}



a.btn { font-size: 1.2em; text-decoration: none; color: #fff; border: 1px solid #fff; padding: 4px 15px; transition: background-color .5s; } 
a.btn:hover { background-color: rgba(0,0,0,.3); }

	
@-webkit-keyframes spotlightBG {
      0% {background-color: #fff;}
     25% {background-color: #d4cfcb;}
     50% {background-color: #cbc1ad;}
     75% {background-color: #c7a581;}
     100% {background-color: #9a8690;}	
}
@-moz-keyframes spotlightBG {
       0% {background-color: #fff;}
     25% {background-color: #d4cfcb;}
     50% {background-color: #cbc1ad;}
     75% {background-color: #c7a581;}
     100% {background-color: #9a8690;}
}
@-ms-keyframes spotlightBG {
       0% {background-color: #fff;}
     25% {background-color: #d4cfcb;}
     50% {background-color: #cbc1ad;}
     75% {background-color: #c7a581;}
     100% {background-color: #9a8690;}
}
@-o-keyframes spotlightBG {
       0% {background-color: #fff;}
     25% {background-color: #d4cfcb;}
     50% {background-color: #cbc1ad;}
     75% {background-color: #c7a581;}
     100% {background-color: #9a8690;}
}
@keyframes spotlightBG {
       0% {background-color: #fff;}
     25% {background-color: #d4cfcb;}
     50% {background-color: #cbc1ad;}
     75% {background-color: #c7a581;}
     100% {background-color: #9a8690;}
}
	
@media screen and (max-width: 600px) {

	header { height: 400px; font-size: 150%; line-height: 1em;}
	
}

@media screen and (max-width: 1200px) {
	
	#dyr {font-size: .8em;}
	
}

@media screen and (max-width: 990px) {
	
	#dyr {font-size: 1em;}
	
}


footer {
 background-color: #a3603b;
 background-image: -webkit-linear-gradient(270deg,rgba(253,252,252,1.00) 16.39%,rgba(255,255,255,0.25) 100%);
background-image: -moz-linear-gradient(270deg,rgba(253,252,252,1.00) 16.39%,rgba(255,255,255,0.25) 100%);
background-image: -o-linear-gradient(270deg,rgba(253,252,252,1.00) 16.39%,rgba(255,255,255,0.25) 100%);
background-image: linear-gradient(180deg,rgba(150,150,150,1.00) 5%,rgba(255,255,255,0.25) 100%);
  color: white;
  font-family: 'Abril Fatface', cursive;
  text-align: center;
  font-size: .8em;
  letter-spacing: .08em;
  padding: 30px 0 20px 0;
  margin-bottom: -20px;
}

footer a {
  color: #FFC;
  text-decoration: none;
}

footer a:hover {
	color: #CCC !important;
	text-decoration: none;