/************************************************************************************
smaller than 700
*************************************************************************************/
@media screen and (max-width: 700px) {

	#container {
		padding-top:25px;
	}
	
	#logo h1 {
		font-size:80px;
		line-height:80px;
	}

	#tagline {
		font-size:28px;
	}
		
	#slidorion {
		width: 590px!important;
		height: 240px!important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	#slider {
		width: 348px!important;
		height: 220px!important;
	}
	
	#accordion {
		width: 220px!important;
		height: 220px!important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	#accordion > .link-content {
		height: 180px!important;
		overflow: auto;
	}


}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	#logo h1 {
		font-size:70px;
		line-height:70px;

	}

	#tagline {
		font-size:26px;
	}

	#slidorion {
		width: 480px;
		height: 420px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	#slider {
		width: 380px;			
		height: 400px;
	}
	
	#accordion {
		width: 100px;
		height: 400px;	
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

}


@-webkit-keyframes loading{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0.9);
	}

	100%{
		opacity: 1;
		-webkit-transform: scale(0.25) rotate(75deg);
		background-color: rgba(155,155,155,0.9);
	}
}

@-moz-keyframes loading{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0.9);
	}

	100%{
		opacity: 1;
		-moz-transform: scale(0.25) rotate(75deg);
		background-color: rgba(155,155,155,0.9);
	}
}

@-o-keyframes loading{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0.9);
	}

	100%{
		opacity: 1;
		-o-transform: scale(0.25) rotate(75deg);
		background-color: rgba(155,155,155,0.9);
	}
}

@-ms-keyframes loading{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0.9);
	}

	100%{
		opacity: 1;
		-ms-transform: scale(0.25) rotate(75deg);
		background-color: rgba(155,155,155,0.9);
	}
}

@keyframes loading{
	0%{
		opacity: 0;
		background-color: rgba(255,255,255,0.9);
	}

	100%{
		opacity: 1;
		transform: scale(0.25) rotate(75deg);
		background-color: rgba(155,155,155,0.9);
	}
}

@media screen and (max-width: 680px){
	.topbar h2, .topbar h3 { text-align: left; padding: 0; display: block;}
	.back { left: auto; right: 0px; margin-left: 0px;}
	.topbar h3 {  color: #52171B;  font-size: 20px; }
}