@charset "ISO-8859-1";
/*
xxx-large = 3 rem
xx-large= 2.5
x-large = 2rem
large = 1.5rem
medium = 1.25rem
small = 1rem
x-small = .75rem
xx-small = .5rem
xxx-small = .35
*/
@media(orientation:landscape){
	.service-box{font-size: 1.5rem;}
	.form-input{width: 250px;}	
	@media screen and (max-width:800px){
	}	
	@media screen and (min-width:1000px){
	}	
	@media screen and (min-width:1200px){
	}	
	@media screen and (min-width:1400px){
	}	
	@media screen and (min-width:1600px){
	}	
	@media screen and (min-width:1800px){
	}
}

@media(orientation:portrait){
	.service-box{font-size: 1.5rem;}
	.form-input{width: 250px;}	
	@media screen and (max-height:800px){
	}
	@media screen and (min-height:800px){
	}
	@media screen and (min-height:1000px){
	}
	@media screen and (min-height:1200px){
	}
	@media screen and (min-height:1400px){
	}
	@media screen and (min-height:1500px){
	}
	@media screen and (min-height:1500px){
	}
	
	@media screen and (max-width:450px){
	}	
	@media screen and (min-width:500px){
	}	
	@media screen and (min-width:525px){
	}	
	@media screen and (min-width:550px){
	}	
	@media screen and (min-width:575px){
	}	
	@media screen and (min-width:900px){
		.service-box{font-size: 2.5rem;}
		.form-input{width: 500px;}	
	}	
}

figure {
	display:none; width: 10%;	
}
.service-box {
 	margin:0 auto;
 	width: 80%; vertical-align: top; 
}

.form-box{
	display:block; 
	width:fit-content; height:auto; 
	margin:0 auto;
}
 
.service-buttons {
	display: none;
	margin:0 auto;
	width:50%;	  		
}
 
.side-button{
	margin: 0 auto;
	padding: 2px 2px 2px 2px;
	border-width:1px;
	border-color:white;
	border-radius:3px;
	display:block;
	width: 35%;
	text-align: center;
	font-size: small;	
	background-color:#00245C; 
}
.left-button {
	color: white;
}
.left-button:hover{
	color:green
}

.form-label{
	display: inline-block;
	height: 25px; width: 80px;
}
.form-input{
	display: block;
	height: fit-content;
	margin: 0 auto;
}