/* page layout */

	@font-face {
	  font-family: 'Nunito';
	  src: url('../fonts/Nunito-Regular.ttf');
	}
	@font-face {
	  font-family: 'Nunito';
	  src: url('../fonts/Nunito-Italic.ttf');
		font-style: italic;
	}
	@font-face {
	  font-family: 'Nunito';
	  src: url('../fonts/Nunito-Bold.ttf');
		font-weight: bold;
	}
	
	html { 
		font-family: 'Nunito', sans-serif;
		height: 100%;
		font-size:16px;
	}
	
	body {
		height: 100%;
		margin: 0px;
		min-height: 100%;
		text-align: center;
		background-color: #fffcfc;
		background-image: url("../img/background-body.png");
	}
	
	div.header {
		background: url("../img/background-header.jpg") no-repeat center #eee;
		background-size: cover;
		padding:20px 0px 10px 0px;
	}
	
	div.header img {
		max-width:500px;
		width:100%;
		height:auto;
		padding:0px 20px;
		box-sizing:border-box;
	}
	
	div.main {
		max-width:700px;
		margin:auto;
		padding:10px 20px 20px 20px;
		color:#5b5b5b;
		text-align:left;
	}

	/* page styles */

	h1 {
		font-size:2em;
		color:#000000;
		font-weight:normal;
		margin-top:0px;
	}

	h2 {
		color:#ffffff;
		background-color:#000000;
		padding:20px;
		text-align:center;
	}

	h3 {
		font-size:1.4em;
		color:#000000;
		padding-bottom:5px;
		border-bottom:1px dotted #00204b;
	}
	
	div.footer {
		font-size:13px;
		color:#7f7f7f;
		padding:10px 0px;
	}

	/* language switcher */

	.language-switcher {
		font-size: 0.8em;
		padding:15px 20px 0px 20px;
		max-width:700px;
		text-align:right;
		margin:auto;
	}
	
	.language-switcher button {
		padding: 0;
		border: 0;
		background: none;
		font: inherit;
		color: #777;
		cursor: pointer;
		text-transform:uppercase;
		letter-spacing: 0.5px;
	}
	
	.language-switcher button:hover {
		color: #281e17;
	}
	
	.language-switcher button[aria-pressed="true"] {
		color: #281e17;
	}
	
	.language-switcher span {
		margin: 0 0.5rem;
		color: #ccc;
	}


	/* form */

	input,
	select,
  textarea {
		font-family: 'Nunito', sans-serif;
		font-size:1.1em;
		width:100%;
		padding:8px 10px;
		margin:4px 0px 20px 0px;
		box-sizing:border-box;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"] {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #d5d5d5;
	}

	textarea {
		height:100px;
		resize:none;
	}

	label:has(input:required, select:required, textarea:required) > span::after {
			content: " *";
			color: red;
	}

	input[type="submit"] {
		color:#e7d3b7;
		font-weight:bold;
		text-decoration: none;
		text-align: center;
		padding: 15px 13px 15px 13px;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border:none;
		background-color: #281e17;
		white-space:nowrap;
		margin-top:10px;
		border:2px solid #000000;
		cursor:pointer;
	}


	/* media queries */

	@media ( max-width : 600px) {
		html { 
			font-size:14px;
		}
		h1 {
			font-size:1.5em;
			margin:10px 0px;
		}
	}
	
	@media \0screen {img { width: auto !important } }
	
	@media ( max-width : 700px) {
	
	}