@charset "utf-8";

@media only screen and (max-width: 1200px) {
#feed h2 {
	width: 26.5%;
}
#rss {
	margin-left: 26.5%;
	width: 73.5%;
}
#values .slider {
	margin: 0 auto;
}
#values .slide {
	width: 85%;
}
}

@media only screen and (max-width: 992px) {
#values .content {
	width: auto;
	right: 50px;
}
#scene .row1 .col,  #scene .row2 .col {
	float: none;
	width: 100%;
}
#scene .pic img {
	max-height: 400px;
}
}

@media only screen and (max-width: 920px) {
#shop dl {
	float: none;
	width: 100%;
}
#shop a + a dl,  #shop dl + dl {
	margin: auto;
	margin-top: 1em;
}
#shop .pic {
	max-height: 300px;
	overflow: hidden;
}
#shop .pic img,  #course .pic img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#menu .pic {
	padding: 0;
}
#menu .pic img + img {
	left: 0;
	right: 0;
}
#course .col {
	float: none;
	width: 100%;
}
#course .col + .col {
	margin: auto;
	margin-top: 1.5em;
}
#course .content {
	max-width: 90%;
}
#course .info {
	height: auto !important;
}
#course .pic {
	max-height: 300px;
	overflow: hidden;
}
#values {
	padding-bottom: 50px;
}


#values h3 {
	padding: 0 0 10px;
}
#values h3 img {
	width: auto;
	max-height: 80px;
}
#values .content {
	font-size: 80%;
	line-height: 20px;
	letter-spacing: 0;
	left: 20px;
	right: 20px;
	bottom: 20px;
}
#values .item:before {
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
#news .row {
	float: none;
	padding: 0 15px;
	width: 100%;
}

#news dl {
	width: 45%;
}

}
@media only screen and (max-width: 840px) {
#menu .txt{
	display: none;	
}
}
@media only screen and (max-width: 768px) {
#feed h2 {
	margin-bottom: 1.5em;
	width: 100%;
	position: static;
}
#rss {
	margin: auto;
	width: 100%;
}
#course .content {
	max-width: 99%;
}
#values {
	padding-bottom: 30px;
}
#values .content {
	font-size: 85%;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
#values h3 img {
	max-height: 70px;
}
#values .item:before {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
}
#values .slider-button {
	height: 30px;
}
#values .slide-prev,  #values .slide-next {
	width: 30px;
	height: 30px;
}
}

@media only screen and (max-width: 640px) {
body {
	font-size: 14px;
}
#rss dt,  #rss dd {
	float: none;
	width: 100%;
}
#shop .pic img,  #course .pic img {
	top: auto;
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
}
#values {
	padding-bottom: 0;
}
#values .content {
	padding: 11px 6px 6px;
	font-size: 80%;
	position: static;
}
#values .txt{
	text-shadow:0px 0px 1px #000,0px 0px 2px #000,0px 0px 3px #000;
}
#values h3{
	background-color:rgba(0,0,0,0.70);
	text-align: center;	
	padding: 4px;
}
#values h3 img {
	max-height: 70px;
}
#values .item {
	background-size: cover;
}
#values .item .pic {
	display: none;
}
#news .col {
	float: none;
	width: 100%;
}
#scene .pic img {
	max-height: 200px;
}
}

@media only screen and (max-width: 480px) {
body {
	font-size: 13px;
}
h2 {
	max-width: 80%;
}
/*
	#menu .content {
		top: 1em;
		transform: none;
		-moz-transform: none;
		-webkit-transform: none;
	}
	*/
#menu .txt {
	font-size: 85%;
	line-height: 25px;
}
#menu h3,  #menu .txt p {
	padding: 0 0 15px;
}
#values .slider-button {
	text-align: center;
	width: 80%;
	position: relative;
}
#values .slide-prev,  #values .slide-next {
	display: inline-block;
	margin: 0 5px;
	position: static;
}
#news .row {
	padding: 0;
}
#news dl {
	margin: 0 0 15px;
}
}

@media only screen and (max-width: 420px) {
body {
	font-size: 12px;
	letter-spacing: 0;
}
#menu h3 {
	width: 90%;
}
#menu h3,  #menu .txt p {
	padding: 0 0 5px;
}
#menu .txt {
	font-size: 80%;
	line-height: 20px;
}
#scene .row1 dl,  #scene .row2 dl {
	width: 80%;
}
#values .slider-pager > * {
	width: 25px;
}
}

@media only screen and (max-width: 480px) {

#values .txt{
	display: none;	
}
#values .desc{
	display: none;	
}
}