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

	html {
		height: auto;
		width: auto;
	}

	body.ResponsiveDesign {
		padding-top: 0px !important;
		-webkit-animation: none !important;
	}
	.ResponsiveDesign .PageContainer { 
		display: block;
	}
	.ResponsiveDesign .PageContainer .PageContainerTop,
	.ResponsiveDesign .PageContainer .PageContainerMiddle,
	.ResponsiveDesign .PageContainer .PageContainerBottom {
		display: block;
	}
	.ResponsiveDesign.IndexPage .HeaderContainerTop {
		height: 72px;
		max-width: 1024px;
		position: fixed;
		top: 0;
		z-index: 1000;
		width: 100%;
	}
	
	.ResponsiveDesign .menu-icon{
		right: 3%;
	}
	.ResponsiveDesign.IndexPage .HeaderContainerMiddle{
		/*height: 40%;*/
	}
	.ResponsiveDesign.IndexPage .HeaderContainerMiddle h1{
		font-size: 60px;
		line-height: 62px;
	}
	.ResponsiveDesign .LogoContainer {
	}
	.ResponsiveDesign.IndexPage .LogoContainerMiddle,
	.ResponsiveDesign.IndexPage .LogoField,
	.ResponsiveDesign.IndexPage .HeaderContainer,
	.ResponsiveDesign.IndexPage .HeaderContainerMiddle {
		height: 100%;
	}

	.ResponsiveDesign.IndexPage .HeaderContainerMiddle {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 10px;
		margin-left: 0;
		box-sizing: border-box;
	}
	.ResponsiveDesign.IndexPage .HeaderContainerMiddle .HeadlineContainer { 
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		max-width: initial;
		max-height: 100%;
	}

	.ResponsiveDesign.IndexPage .LogoContainer {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 10;
		display: block;
	}

	.ResponsiveDesign.IndexPage .LogoContainer img {
		position: absolute;
		left: 50%;
		top: 0;
		min-height: 100%;
		min-width: 100%;
		max-width: none;
		max-height: 100%;
		-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
				transform: translate(-50%,0);
	}
	.ResponsiveDesign .HeaderContainerMiddle{
		padding: 0px 4.01%;
	}
	.ResponsiveDesign .MainPage{
		position: relative !important;
		padding: 0 !important;
	}
	.ResponsiveDesign .MainPage .MainContainer{
		position: relative !important;
		margin: 0px auto 74px !important;
		padding: 0px 4% !important;
	}
	.ResponsiveDesign .MainPage .MainContainer .BodyTextContainer{
		width: 58.8% !important;
		clear: none !important;
	}
	.ResponsiveDesign .MainPage .NewsContainer .NewsItem {
		padding: 0px;
		margin: 0px 3%;
		width: 27% !important;
	}
	.ResponsiveDesign .NewsContainer, .Contact {
	    padding: 0px 4.01% 40px !important;
	}
	.ResponsiveDesign .Contact .RightColumn{
		float: right !important;
		width: 40.88% !important;
		margin-bottom: 40px !important;
	}
	.ResponsiveDesign .Contact .LeftColumn{
		width: 58.8%;
	}
	.ResponsiveDesign .Contact input.text,
	.ResponsiveDesign .Contact textarea.textmessage{
		width: 260px !important;
		padding: 9px !important;
		font-size: 13px !important;
	}
	.ResponsiveDesign .Guestbook .GuestbookForm textarea.textmessage { height: 200px; }
	.ResponsiveDesign .Contact .ContactForm textarea.textmessage { height: 200px; }

	.ResponsiveDesign .Guestbook .GuestBookEntry h2 { font-family: Arial, Sans-serif; }
	
	.ResponsiveDesign .CopyrightText, .ResponsiveDesign .dinStudioLink{
		padding: 0 !important;
	}
	.ResponsiveDesign p{
		margin-bottom: 0 !important;
	}
	.ResponsiveDesign.IndexPage .HeaderContainerMiddle{
		position: relative;
	}


	/* Mobile-menu styles*/
	.ResponsiveDesign .MenuContainer{
		width: 100% !important;
		/*height: 100%;*/
		top: 0px;
		z-index: 10020;
		/*overflow: scroll;*/
		overflow-y: auto;
		position: fixed !important;
		padding: 70px 0;
		margin: 0;
	}
	.ResponsiveDesign .MobileMenuContainer{
		height: auto !important;
		position: relative !important;
		background: white;
	}
	.ResponsiveDesign .MobileMenuContainer .show-menu{
		display: none;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li{
		display: block;
		border: none !important;
		width: auto;
		margin: 14px 4% 0;
		height: auto;
		border-bottom: solid 1px #000 !important;
		height: auto;
		padding: 18px 10px 14px;
		position: relative;
		color: white;
	}
	.ResponsiveDesign .MenuContainerMiddle{
		margin-bottom: 72px;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li:hover > a {
    	background-color: transparent;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li:first-of-type{
		margin-top: 0;	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > a{
		position: relative !important;
		margin: 0;
		padding: 0;
		font-size: 25px;
		display: block;
		text-align: left;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > a::after{
		display: none;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li:hover{
		width: 100%;
    	margin-left: 0;
    	margin-right: 0;
    	padding-left: 4%;
    	padding-right: 4%;
    	background-color: #000;
    	position: relative;
	}
	.ResponsiveDesign ul.DropMenu > li:hover > .downarrow {
		display: none;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li:hover > a {
	    color: #fff;
	}
	.ResponsiveDesign ul.DropMenu li a.expandable, .ResponsiveDesign ul.DropMenu li a.parent {
	    background-image: none;
	}
	.ResponsiveDesign .downarrow {
		height: 28px;
		width: 28px;
	    background-image: url('images/assets.png');
	    background-size: 100px auto;
		background-position: -33.5px -95px;
	    background-repeat: no-repeat;
	    position: absolute;
	    top: 17px;
	    right: 0;
	    cursor: pointer;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul {
		top: 4px;
		left: 0px;
		width: 100%;
		margin: 0px 0%;
		position: relative;
		text-align: left;
		padding: 14px 0 30px 0;
		text-transform: uppercase;
		overflow: visible !important;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li{
		position: relative;
		padding: 9px 0 9px 0;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li > a{
		font-size: 13px;
		padding: 0;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li:hover {
    	width: 110%;
    	margin: 0px -5.5%;
    	padding: 9px 5.5%;
    	position: relative;
	}
	.ResponsiveDesign ul.DropMenu > li > ul > li > .downarrow {
		background-position: -27px -240px;
		background-size: 79px auto;
		top: 4px;
		right: 0;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li:hover > .downarrow {
		display: none;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li > ul{
		padding: 0;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li > ul > li:first-of-type{
		padding-top: 7px;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li > ul > li {
		padding: 0px 0px 10px;
	}
	.ResponsiveDesign .MobileMenuContainer .Padding > ul > li > ul > li > ul > li > a {
	    padding: 0 5%;
	}
	
	.ResponsiveDesign .Diary .DiaryList .show-blog-menu {
		position: fixed;
		top: 72px;
		width: 100%;
		background-color: black;
		background-position: right 20px top;
	}
	.ResponsiveDesign .Diary .DiaryList ul.FirstLevel {
		position: fixed;
		top: 112px;
	}


	.ResponsiveDesign .Contact,
	.ResponsiveDesign .MainPage,
	.ResponsiveDesign .EmptyPage,
	.ResponsiveDesign .FileArea,
	.ResponsiveDesign .ImageGallery1,
	.ResponsiveDesign .ImageGallery2,
	.ResponsiveDesign .ImageGallery3,
	.ResponsiveDesign .ImageGallery,
	.ResponsiveDesign .Guestbook,
	.ResponsiveDesign .TextLayout1,
	.ResponsiveDesign .TextLayout2,
	.ResponsiveDesign .LayoutPage {
    	margin-top: 92px !important;
	}
	.ResponsiveDesign .Diary {
    	margin-top: 122px !important;
	}
	.IndexPage.ResponsiveDesign .MainPage { margin-top: 0 !important; }
	.ResponsiveDesign .MainPage .MainContainer .MainPageInlineContainer{
		margin: 0 0px 34px;
	}
	.ResponsiveDesign .MainPage .MainContainer .BodyTextContainer{
		width: 100% !important;
	}
	.ResponsiveDesign .MainPageInlineContainer{
		width: 100%;
		float: none;
	}

	.ResponsiveDesign .MainPage .NewsContainer .NewsItem {
		width: 100% !important;
		margin: 0 0 23px;
	}

	.ResponsiveDesign.IndexPage .HeaderContainerMiddle h1{
		font-size: 40px;
		line-height: 42px;
		display: block;
		margin: 0 auto;
	}
	.ResponsiveDesign.IndexPage .LogoContainer {
	    margin-bottom: 13px !important;
	}
	.ResponsiveDesign .Contact .RightColumn{
		float: none !important;
		width: 100% !important;
	}
	.ResponsiveDesign .Contact .LeftColumn {
		width: 100% !important;
	}
	.ResponsiveDesign .Contact .ImageContainer{
		float: none;
	}
	.ResponsiveDesign .Contact input.text, 
	.ResponsiveDesign .Contact textarea.textmessage {
		width: 100%	!important;
	}
	.ResponsiveDesign .Contact .ParagraphContainer{
		margin-bottom: 40px;
	}
	.ResponsiveDesign .Contact .RightColumn .ParagraphContainer{
		float: none;
	}
	.ResponsiveDesign .BodyTextContainer{
		width: 100%;
		margin-right: 0;
	}

}