
@media only screen and (max-width: 600px) {
	#body 
	{
		background: url('../images/mobile.png');
		background-size: cover;height: 100vh;
		background-repeat: repeat-y;
	}
	.row.search.feild {
		max-width: 80%;
	}
	
	.row.search.feild input.form-control.blueinput {
		width: 100%;
	}
	
	a.navbar-brand img {
		max-width: 150px;
	}
	
	h3.blue.paddin-20 {
		font-size: 22px;
		padding-top: 30px;
	}
	.navbar-brand {
		display: contents;
		padding-top: 0.3125rem;
		padding-bottom: 0.3125rem;
		margin-right: 1rem;
		font-size: 1.25rem;
		line-height: inherit;
		white-space: nowrap;
	}
	.logo 
	{
		margin-top: 50px;
	}
	
	
	ol li 
	{
			text-align: left;
	}
	h2 
	{
		color: #174b86;
		font-size: 30px;
		font-weight: 900;
		text-transform: uppercase;
		  font-style: italic;
	}
	
	.red 
	{
		color: #ED232A;
		font-weight: bolder;
		font-size:14px;
	}
	
	.paddin-20 
	{
		padding-top: 50px;
	}
	.blueinput , .blueinput:focus 
	{
			border-radius: 8px;
		background-color: #174b86;
		color: white;
		width: 70%;
		margin: auto;
	}
	.redbutton 
	{
			padding: 5px 10px;
		width: 100px;
		background-color: #ED232A;
	border-radius: 50px;
	color: white;
	}
	
	.redbutton2 
	{
			padding: 5px 10px;
		width: 150px;
		background-color: #ED232A;
	border-radius: 50px;
	color: white;
	}
	.thank 
	{
			color: red;
		font-size: 40px;
	}
	.input-group {
		width: 70%;
	}
	.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-radius: 8px 8px 8px 8px;
	}
	}