@media all and (max-width: 1380px){

}


@media all and (max-width: 1290px){
	
}


@media all and (max-width: 1210px){
	
}


@media all and (max-width: 1070px){
	#header-wrapper{height:680px;}
	#footer-image-wrapper{width:640px;margin-top:50px;}
	#header-gepac-image{width:130px;}
}


@media all and (max-width: 850px){
	nav li{margin:0 5px;}
	.header-rrss{width:30%;}
	nav a{font-size:14px;}
	#header-wrapper{height:550px;top:95px;}
	main{margin-top:95px;}
	.dato{width:50%;}
	.video{width:50%;}
	#footer-image-wrapper{width:550px;}
	.sponsor{width:30%;}
	.image-overlay{display:none;}

}


@media all and (max-width: 780px){
	
}


@media all and (max-width: 730px){
	
}


@media all and (max-width: 650px){
	#device-navbar-wrapper{display:block;height:56px;width:100%;background-color:#ede74e;position:fixed;left:0;top:0;z-index:3;}
	#navbar-modal-open{position:absolute;left:15px;top:15px;color:#000;font-size:26px;cursor:pointer;}
	#device-navbar-wrapper img{margin-top:5px;width:100%;}
	#navbar-modal-close{position:relative;top:15px;left:15px;cursor:pointer;text-align:left;font-size:26px;color:#000;}
	#navbar-modal-logo img{width:98%;max-width:100%;margin:25px 1% 25px 1%;}
	#navbar-modal-menu a{font-size:20px;line-height:22px;padding:12px 25px;width:100%;display:block;}
	#navbar-modal-gepac img{max-width:100%;width:70%;margin:50px 15%;}
	#navbar-modal{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:360px;z-index:4;overflow:hidden;}
	#navbar-modal-content{margin-right:40px;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#ede74e;}
	#modal-overlay{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:3;}


	#header-bar{display:none;}
	#header-wrapper{height:270px;top:56px;}
	main{margin-top:56px;}
	#header-banner{display:none;}
	#header-inner p{padding-top:30px;}
	#header-gepac-image{width:30%;left:35%;bottom:30px;}

	#footer-bar{font-size:14px;}

}


@media all and (max-width: 550px){
	#device-navbar-wrapper img{margin-top:15px;}
	#header-wrapper{height:240px;}
	h1, h2{font-size:50px;}
	main p{font-size:16px;}
	.dato{width:100%;}
	.video{width:100%;}
	#footer-image-wrapper{width:100%;margin-top:20px;margin-bottom:30px;}
	.sponsor{width:49%;}
	.footer-column{width:100%;}

	#footer-bar{font-size: 17px;}
	#footer-bar .content-boxed{flex-direction:column-reverse;}
	#legal-footer{margin:25px 0;}
}
