@charset "utf-8";
/* CSS Document */

#mobile-header {
    display: none;
}

.mobile { display: none }
.no-mobile { display: block }

/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 767.98px){
	.mobile { display: block }
	.no-mobile { display: none }

	#top {
		height: 100px;
	}
	
	h1 { 
		font-size: 35px;
		padding-bottom: 50px;
	 
	}
	
    #mobile-header {
		position: absolute;
        display: block;
		top: -75px;
		right: 0;
		z-index: 500;
    }
	#mobile-header a  {
		font-size: 40px;
		color: #FFFFFF;
		text-decoration: none;
		z-index: 300
	}
	
	#menu { display: none }
	
	#footer img {
		height: 50px;
		padding-left: 10px!important
	}
	#footer .dig {padding-left: 10px!important}
	#footer .copyright-mobile {
		padding-top: 25px;
		text-align: left;
		background: url(../images/zoo_22.png) no-repeat;
		background-position: 15px 0
	}
	
	#top #mainmenu #mobile-header a {
		font-size: 50px;
		line-height: 100px;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	#footer div{
		text-align: left!important
	}
	#footer .copyright-mobile {
		margin-bottom: 20px
	}
	#footer img {
		height: 35px;
		padding-left: 10px!important
	}
	#footer #zoodig {
		text-align: left!important
	}
}

/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) and (max-width: 991.98px) {
	#top #mainmenu #m-menu ul li {
		padding-left: 40px;
	}
	#top #mainmenu #m-menu a {
		font-size: 25px;
	}
	#top #submenu #lang a {
		font-size: 15px;
		margin-right: 25px;
		text-transform: lowercase
	}
	#top #submenu #s-menu ul li {
		padding-left: 15px;
	}
	
	#top #submenu #s-menu a {
		font-size: 13px;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	#top #submenu #s-menu a {
		font-size: 15px;
	}

}

@media (max-width: 1199.98px) { 
	#content .content-bg {
		background-position: 0px 150px;
		background-size: 100%;
		background-repeat: no-repeat
	}
}