@media screen {
	*{
		box-sizing: border-box;
		//font-family: Roboto, sans-serif;
	}
	.column100{
		float: left;
		width: 100%;
		padding: 1px;
		height: auto;
	}
	.column75{
		float: left;
		width: 75%;
		padding: 1px;
		height: auto;
	}
	.column50{
		float: left;
		width: 50%;
		padding: 1px;
		height: auto;
	}
	.column45{
		float: left;
		width: 45%;
		padding: 1px;
		height: auto;
	}	
	.column33{
		float: left;
		width: 33%;
		padding: 1px;
		height: auto;
	}	
	.column25{
		float: left;
		width: 25%;
		padding: 1px;
		height: auto;
	}
	.column20{
		float: left;
		width: 20%;
		padding: 1px;
		height: auto;
	}
	.column{
		float: left;
		width: 100%;
		padding: 1px;
		height: 25%;
		height: auto;
	}
	.row{
		margin-left: 0px;
		padding: 1px;
		height: auto;
	}
	.row:after {
		content: "";
		display: table;
		clear: both;
	}
	.row > *{
		margin-right: 20px;
	}
	a{
		cursor: alias;
	}

	select[class="selectFields"]{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: pre;
		width: 100%;
	}



	hr {
		display: block;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: auto;
		margin-right: auto;
		border-style: inset;
		border-width: 1px;
	}


	div.scrollable {
		width: 100%;
		height: 40%;
		margin: 0;
		padding: 0;
		overflow: auto;
	}

	.submitButton{
		margin-top: 10px;
	}


	h1{
	 font-size: 25px;
	}
	h2{
	 font-size: 23px;
	}
	h3{
	 font-size: 20px;
	}
	p{
	 font-size: 15px;
	}
	.label{
	 font-size: 20px;
	}

}




@media screen and (max-width: 600px){
	.selectFields{
		width: 100%;
	}
	.column{
		width: 100%;
	}
	.column50{
		width: 100%;
	}
	.column45{
		width: 45%;
	}
	.column33{
		width: 50%;
	}
	.column25{
		width: 100%;
	}
	.column20{
		width: 100%;
	}
	 h1{
		 font-size: 20px;
	 }
	 h2{
		 font-size: 18px;
	 }
	 h3{
		font-size: 15px;
	 }
	 p{
		 font-size: 15px;
	 }
}


@media screen and (min-width: 600px){
	.column{
		width: 100%;
	}
	.column75{
	a {
		page-break-inside: avoid;
	}
		width: 100%;
	}
	.column50{
		width: 100%;
	}
	.column45{
		width: 100%;
	}
	.column33{
		width: 33%;
	}
	.column25{
		width: 50%;
	}
	.column20{
		width: 50%;
	}

}

@media screen and (min-width: 768px){
	.column{
		width: 100%;
	}
	.column75{
		width: 100%;
	}
	.column50{
		width: 50%;
	}
	.column45{
		width: 45%;
	}
	.column33{
		width: 33%;
	}
	.column25{
		width: 25%;
	}
	.column20{
		width: 20%;
	}
}

@media screen and (min-width: 992px){
	.column{
		width: 100%;
	}
	.column75{
		width: 100%;
	}
	.column50{
		width: 50%;
	}
	.column45{
		width: 45%;
	}
	.column33{
		width: 33%;
	}
	.column25{
		width: 25%;
	}
	.column20{
		width: 20%;
	}
}

@media screen and (min-width: 1200px){
	.column{
		width: 100%;
	}
	.column75{
		width: 75%;
	}
	.column50{
		width: 50%;
	}
	.column45{
		width: 45%;
	}
	.column33{
		width: 33%;
	}
	.column25{
		width: 25%;
	}
	.column20{
		width: 20%;
	}
}