<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** all devices and responsive browser windows **/
@media screen and (max-width: 1500px) {
/*	#form-container {
		width: 90%; test
		background-color:orange;
	}*/
	
.txtinput, textarea {
	width: 90%;
	}
.landkode {	width:50px;	}
.mobil {width:70%; }

@media screen and (max-width: 800px) {
.txtinput, textarea {
	width: 80%;
	}

	#aligned {
		width: 100%;
		float: none;
		display: block;
	}
	#book-form #aside {
		width: 100%;
		display: block;
		float: none;
		
	}
	.txtinput, textarea {
		width: 85%;
	}
.landkode {	width:50px;	}
.mobil {width:60%; }
}


/* smaller screen dropoff *******/
@media only screen and (max-width: 550px) {
 	.txtinput, textarea {
		width: 70%;
	}
.landkode {	width:40px;	}
.mobil {width:50%; }
}

/* iPhone Landscape ********/
@media only screen and (max-width: 480px) {
	body {
		padding: 10px 0px;
	}
	select.selmenu {
		width: 190px;
	}
}

/* iPhone portrait *******/
@media only screen and (max-width: 320px) {
	body {
	padding: 10px 0px;
	}
 	.txtinput, textarea {
		width: 85%;
	}
	.numinput { 
		width: 20%;
		margin-right:5px;
/*		background-color:red;
*/	}
	
	#aligned {
		overflow: hidden;
	}
}
</pre></body></html>