@charset "UTF-8";  
@media only screen and (max-width: 1200px){
	.copy{
		padding-left: 10px;
	}
}
@media only screen and (max-width: 1024px){
	.breadcrumb h2{
		font-size: 28px;
		padding-right: 12px;
	}
}
@media only screen and (max-width: 920px){
	.secondary > .textpage > .button:first-child{
		position: absolute;
		left: 40px;
		top: 70px;
		margin: 0;
	}
	.secondary .breadcrumb{
		margin-bottom: 49px;
	}
	.breadcrumb h2{
		font-size: 24px;
		padding-right: 12px;
	}
	.textpage .scroll{
		height: 365px;
	}
}
@media only screen and (max-width: 800px){
	.breadcrumb h2{
		padding-left: 12px;
	}
}
@media only screen and (max-width: 640px){
	#wrapper{
		min-width: 452px;
		max-width: 452px;
		min-height: 652px;
		padding: 0 14px;
	}
	header{
		height: 40px;
		border-bottom: dotted 1px #fff;
	}
	header .logo{
		margin: 0 0 0 10px;
	}
	header .logo img{
		height: 40px;
	}
	header .logo-aa img{
		height: 32px;
	}
	#desktop-nav,
	.desktop-mt,
	#logo-mt{
		display: none;
	}
	#mobile-nav,
	.mobile-mt{
		display: block;
	}
	[role='main'],
	.secondary,
	.content,
	#main,
	.textpage .scroll{
		height: auto;
	}
	[role='main']{
		padding: 69px 0 0;
		background: none;
	}
	#main{
		padding: 0;
	}
	#main .info{
		width: auto;
		margin: 0;
	}
	.main{
		font-size: 14px;
		line-height: 125%;
		padding: 20px 10px 40px;
		border-bottom: 0 none;
	}
	#main .info h1{
		display: inline-block;
		font-size: 24px;
		height: 52px;
		margin: 0 0 20px -10px;
		padding: 0 50px 0 10px;
		line-height: 52px;
		overflow: hidden;
		white-space: nowrap;
		max-width: 372px;
		background: url('../images/bg-breadcrumb-global.png') no-repeat right bottom;
		-webkit-background-size: 600px auto;
		-moz-background-size: 600px auto;
		-o-background-size: 600px auto;
		background-size: 600px auto;
	}
	[role='main'] > .bottom{
		position: static;
		width: auto;
	}
	.logo-mt{
		float: none;
		padding: 35px 0;
	}
	.logo-mt-button{
		display: inline-block;
		float: none;
		z-index: 1;
		width: auto;
		height: auto;
		margin: 0;
		padding: 13px 0 10px;
		background: none;
	}
	.logo-mt-button .socials{
		position: static;
		color: #fff;
	}
	.logo-mt-button .socials h2{
		position: absolute;
		left: 100%;
		top: 21px;
		margin-left: 10px;
	}
	aside.links,
	aside.links .icon{
		height: 173px;
	}
	aside.links{
		display: table;
		width: 100% !important;
		margin: 0 0 20px;
		font-size: 0;
		line-height: 0;
	}
	aside.links .icon > *{
		margin: 0;
	}
	aside.links .icon > img{
		max-height: 151px;
	}
	aside.links .icon > .image{
		zoom: 0.6;
	}
	footer{
		border-top: solid 1px #fff;
		padding-bottom: 30px;
	}
	footer .copy{
		padding-left: 0;
	}
	.copyspan{
		display: block;
	}
	.copyspan+b{
		display: none;
	}
	.secondary,
	aside.links,
	#tournament .secondary,
	#rules-reg .secondary{
		float: none;
		width: auto;
	}
	menu.buttons{
		right: 0;
		top: 20px;
	}
	.textpage{
		padding: 0 10px;
	}
	.secondary .breadcrumb,
	#gallery .breadcrumb{
		margin-left: -10px;
	}
	.secondary > .textpage > .button:first-child{
		left: 10px;
		top: 60px;
	}
	#mobile-nav{
		position: absolute;
		top: 20px;
	}
	.textpage .scroll img{
		max-width: 100%;
	}
	#videos,
	#gallery{
		padding: 0 10px;
	}
	#videos .breadcrumb{
		margin-left: -10px;
		overflow: hidden;
	}
	#gallery-page .breadcrumb{
		overflow: hidden;
	}
	.textpage .scroll,
	.textpage .scroll .jspPane,
	.textpage .scroll .jspContainer,
	.photo-scroll,
	.photo-scroll .jspPane,
	.photo-scroll .jspContainer{
		position: static !important;
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.gallery{
		margin-top: 64px;
		padding: 20px 15px 20px 0;
	}
	.gallery .scroll{
		white-space: normal;
	}
	.gallery .scroll{
		height: 492px;
	}
	.year-select{
		left: -10px;
		top: -49px;
	}
	.gallery .jspVerticalBar .jspTrack{
		background: #fff;
	}
	.gallery li{
		padding-top: 0;
		padding-bottom: 20px;
		padding-left: 75px;
	}
	.gallery li:last-child{
		padding-bottom: 0;
	}
	.gallery h2{
		lefT: 10px;
	}
	.movie{
		position: absolute;
		left: 10px;
		top: 20px;
		width: 432px;
		height: auto;
		margin-right: 0;
		padding: 0;
	}
	.video-info{
		float: none;
		width: auto;
		padding: 287px 10px 10px;
	}
	.breadcrumb h1{
		display: inline-block;
		height: 50px;
		padding: 0 35px 0 10px;
		line-height: 50px;
		background-position: right bottom -10px;
	}
	.breadcrumb h1,
	.breadcrumb h2{
		font-size: 24px;
	}
	.photo-gallery-scroll{
		padding: 70px 10px 0;
	}
	.gallery-info{
		position: absolute;
		left: 10px;
		top: 20px;
		padding: 0;
	}
	#gallery-page.single-page .gallery-info{
		left: auto;
		top: auto;
		right: -10px;
		bottom: -45px;
	}
	ul.photo-scroll-thumbs.img{
		height: auto;
		padding: 5px;
		background: #ddd;
	}
	ul.photo-scroll-thumbs.img li{
		display: inline;
		width: auto;
		height: auto;
		margin: 0;
		border-spacing: 0;
	}
	ul.photo-scroll-thumbs.img li a{
		display: inline-block;
		margin: 5px;
		background: #eee;
	}
	.photo-scroll li .td{
		background: none;
	}
	.photo-scroll li .tr,
	.photo-scroll li .td{
		width: 130px;
		height: 130px;
	}
	.photo-scroll{
		white-space: normal;
	}
	.gallery-thumb img{
		width: 100%;
		height: 100%;
	}
	.photo-single{
		height: 200px !important;
	}
	#images-slider li{
		height: 200px;
	}
	#images-slider li img{
		height: 200px;
	}
	.slider-nav{
		width: 60px;
	}
	#images-slider > li:last-child{
		position: relative;
		right: auto;
	}
}