@charset "utf-8";
/* CSS Document */
body, html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden
}
img,video { 
	max-width: 100%; 
	height: auto; 
}
.column {
	float: left;
	width: 50%;
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
.buttoncontact {
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
}
a {
	font-family: 'ColaborateThinRegular';
	font-size: 0.8em;
	line-height: 1.1em;
	color: #000000;
	text-indent: 0em;
	text-decoration: none;
}
a:link {
	font-family: 'ColaborateThinRegular';
	font-size: 0.8em; /* 16px ÷ 16 */ 
	line-height: 1.1em;
	color: #000000;
	text-indent: 0em;
	text-decoration: none;
}
a:hover {
	color: black;
		text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
.lighter {
	font-weight: 100;
}
/* __________________________________________________________Slider Images */
#sliderimageslandscape {
	visibility:hidden;
}
#sliderimagesportrait {
	visibility:visible;
}
/* __________________________________________________________Content */
#content {
	width: 60%;
	margin-top: 25%; 
	margin-left:: 40px;
	margin-right: 40px;
	margin-bottom: 25%;
	text-align: left;
	max-width: 600px;
}
#content p {
	font-family: 'ColaborateThinRegular';
	font-size: 0.8em; /* 16px ÷ 16 */
	line-height: 1.1em;
	color: #000000;
	text-indent: 0em;
	margin-top: 10px;
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	margin-right: 1.0416667%; /* 10 ÷ 960 */
}
#content form {
	font-family: 'ColaborateThinRegular';
	font-size: 0.8em; /* 16px ÷ 16 */ 
	line-height: 1.6em;
	color: #000000;
	text-indent: 0em;
	margin-top: 10px;
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	margin-right: 1.0416667%; /* 10 ÷ 960 */
}
#content td {
	font-family: 'ColaborateThinRegular';
	font-size: 0.8em; /* 16px ÷ 16 */
	line-height: 1.1em;
	padding: 5px;
	color: #000000;
	text-indent: 0;
	vertical-align: middle;
	text-align: center;
}
/* __________________________________________________________Media Queries */
@media screen and (max-width: 800px) {
	body, html {
		overflow:visible;
}
    .column {
        width: 100%;
}
	#content {
		width: 100%;
		margin-top: 0px;
		margin-left:: 40px;
		margin-bottom: 0px;
		text-align: center;
}
	#sliderimageslandscape {
		visibility:visible;
}
	#sliderimagesportrait {
		visibility:hidden;
		height:0px;
}
}
/* tablets  ----------- */

/* pc  ----------- */
@media only screen and (min-width: 801px)  and (max-width: 1000px) {
}
/* pc  ----------- */
@media only screen and (min-width: 1001px)  and (max-width: 2400px) {
/* this is the default css */
}
/* Large screens ----------- */