body {
	margin: 0px;
	/*margin-left: 50%;*/
	padding: 0px;
	border: 0px;
	background-color: black;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}
#container {
	width: 100%;
	/*margin-left: -640px;*/
}
header {
	width: 100%;
	height: 108px;
	margin: 0px;
	padding: 0px;
	background-color: #3e3e3e;
	text-align: left;
}
header img {
	margin-left: 46px;
	margin-top: 34px;
}
#logo {
	float: left;
}
.wrapper {
	float: left;
	margin-left: 46px;
	margin-top: 34px;
}
#main {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #222;
	text-align: left;
}
.footer {
	width: 100%;
	height: 20px;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background-color: #222;
	color: #555;
	text-align: center;
}
.footer a, .footer a:link, .footer a:link:visited {
	color: #555;
	text-decoration: none;
}
.footer a:hover, .footer a:link:hover, .footer a:link:visited:hover {
	color: #777;
}
.doc {
  	margin: 0px;
	margin-left: 200px;
	margin-right: 46px;
	color: #ddd;
	font-family: Helvetica, Arial, sans-serif;
}
h1.docTitle {
	margin: 0px;
	padding-top: 34px;
	margin-bottom: 24px;
	font-size: 34px;
	font-weight: bold;
	color: #3e3e3e;
}
p.docText, label, p.contact {
	width: 600px;
	column-count: 3;
	column-gap: 12px;
    column-rule: none;
	font-size: 12px;
	font-weight: normal;
	color: #eee;
	line-height: 15px;
}
p.contact {
	column-count: 1;
	font-size: 14px;
}
label {
	font-weight: bold;
	color: #ddd;
}
input, textarea {
	margin-bottom: 14px;
	background-color: #ddd;
	border: 1px #eee;
}
input:focus, textarea:focus {
	background-color: #fff;
}
input[type=text], textarea {
	width: 400px;
}
input[type=submit] {
	border-radius: 4px;
	font-size: 10px;
	margin: 0px;
	margin-top: 4px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
input[type=submit]:hover {
	background-color: #777;
	color: #fff;
}
.error {
	color: #e22;
}




	/* This rule is read by Galleria to define the gallery height: */
    #galleria{
        width:480px; height:210px;
    }

	/* iPhone 4s */
    @media (min-height: 414px) {
        #galleria{height:304px;}
    }

    @media (min-height: 480px) {
        #galleria{height:370px;}
    }

    @media (min-height: 600px) {
        #galleria{height:430px;}
    }

	/* iPhone 6s Plus */
    @media (min-height: 736px) {
        #galleria{height:626px;}
    }

    @media (min-height: 768px) {
        #galleria{height:638px;}
    }

	/* 800 x 600 */
    @media (min-height: 800px) {
        #galleria{height:670px;}
    }

    @media (min-height: 1024px) {
        #galleria{height:894px;}
    }

    @media (min-height: 1080px) {
        #galleria{height:950px;}
    }

	/* 1200 x 768 */
    @media (min-height: 1200px) {
        #galleria{height:1070px;}
    }

	/* iPad pro */
    @media (min-height: 1366px) {
        #galleria{height:1236px;}
    }

	/* 1920 x 1080 */
    @media (min-height: 1920px) {
        #galleria{height:1790px;}
    }






	/* iPhone 4s */
    @media (min-width: 414px) {
        header, #main, .footer, #container, #galleria{width:414px;}
   		.doc {margin-left: 40px;}

    }

    @media (min-width: 480px) {
        header, #main, .footer, #container, #galleria{width:480px;}
   		.doc {margin-left: 40px;}

    }

    @media (min-width: 600px) {
        header, #main, .footer, #container, #galleria{width:600px;}
   		.doc {margin-left: 40px;}

    }

	/* iPhone 6s Plus */
    @media (min-width: 736px) {
        header, #main, .footer, #container, #galleria{width:736px;}
   		.doc {margin-left: 200px;}

    }

    @media (min-width: 768px) {
        header, #main, .footer, #container, #galleria{width:768px;}
   		.doc {margin-left: 200px;}

    }

	/* 800 x 600 */
    @media (min-width: 800px) {
        header, #main, .footer, #container, #galleria{width:800px;}
   		.doc {margin-left: 200px;}

    }

    @media (min-width: 1024px) {
        header, #main, .footer, #container, #galleria{width:1024px;}
   		.doc {margin-left: 200px;}

    }

    @media (min-width: 1080px) {
        header, #main, .footer, #container, #galleria{width:1080px;}
   		.doc {margin-left: 200px;}

    }

	/* 1200 x 768 */
    @media (min-width: 1200px) {
        header, #main, .footer, #container, #galleria{width:1200px;}
   		.doc {margin-left: 200px;}

    }

	/* iPad pro */
    @media (min-width: 1366px) {
        header, #main, .footer, #container, #galleria{width:1366px;}
   		.doc {margin-left: 200px;}

    }

	/* 1920 x 1080 */
    @media (min-width: 1920px) {
        header, #main, .footer, #container, #galleria{width:1920px;}
   		.doc {margin-left: 200px;}

    }

