searchBox{
	color: #222;
	/*border:2px solid white;*/
	/*background:whitesmoke;*/
	display:block;
	/*width: 500px;*/
	/*min-height:70vh;*/
	/*box-shadow: 0 1px 4px #BBBBBB;*/
	margin:auto;
	margin-bottom: 0;
	padding:0;
	margin-top:20vw;
	text-align:center;
	/*background:coral;*/
}
	input[type=text].search{
		background-color:white;
		background-image:url('../-img/search.png');
		background-size: 6vw;
		background-repeat: no-repeat;
		background-position: 1vw;
		text-align:center;
		border: 1px solid #bbb;
		border-radius: 4px;
		font-size:5vw;
		padding:1.5vw;
		width: 80vw;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
		input[type=text].search:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
	suggestions{
		margin:auto;
		margin-top:0vw;		
		display:block;
		margin-left:10vw;
		position:absolute;
		border-radius: 2vw;
		width:80vw;
		padding:1vw;	
		max-height:60vw;
		overflow:auto;
		/*background:whitesmoke;*/
	}
		.suggest{
			overflow:hidden;
			white-space: nowrap;
			text-overflow:ellipsis;
			display:block;
			border-bottom: 1px solid gainsboro;
			height:5vw;
			padding:4vw 2vw 4vw 2vw;
			text-decoration:none;
			color: #555;
			text-align:left;
			transition: background 0.2s, color 0.2s;
		}
			.suggest:hover{
				background: white;
				color:#BBB;
			}
			suggest{
				width: 8vw;
				height: 8vw;
				margin-right:4vw;
				margin-top:-2vw;
				display:block;
				float:left;
				border-radius: 2vw;
				background-position: 	center center;
				background-repeat: 		no-repeat;
				background-size: 			cover;
				/*background:red;*/
			}
	
/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
	searchBox{
		color: #222;
		border:2px solid white;
		background:whitesmoke;
		display:block;
		width: 500px;
		min-height:70vh;
		/*border-bottom-left-radius: 1vw;
		border-bottom-right-radius: 1vw;*/
		box-shadow: 0 1px 4px #BBBBBB;
		margin:auto;
		margin-bottom: 10px;
		padding:20px 50px 10px 50px;
		margin-top:60px;
		text-align:center;
	}
		input[type=text].search{
			background-color:white;
			background-image:url('../-img/search.png');
			background-size: 20px;
			background-repeat: no-repeat;
			background-position: 2px;
			text-align:center;
			border: 1px solid #bbb;
			border-radius: 4px;
			font-size:22px;
			padding:4px;
			width: 350px;
			color: #aaa;
			font-family:verdana;
			transition: border-color 0.3s, background-color 0.3s, color 0.3s;
		}
			input[type=text].search:focus{
				border-color:gray;
				background-color:whitesmoke;
				color: black;
			}
		suggestions{
			margin:0;
			margin-top:10px;
			display:block;
			margin-left:50px;
			position:absolute;
			border-radius: 5px;
			width:400px;
			padding:2px;	
			max-height:400px;
			overflow:auto;
			background:whitesmoke;
		}
			suggest{
				width: 25px;
				height: 25px;
				margin-right:-25px;
				margin-top:-2px;
				display:block;
				float:left;
				border-radius: 12px;
				background-position: 	center center;
				background-repeat: 		no-repeat;
				background-size: 			cover;
			}
			a.suggest{
				overflow:hidden;
				white-space: nowrap;
				text-overflow:ellipsis;
				display:block;
				border-bottom: 1px solid gainsboro;
				height:20px;
				padding:10px 10px 10px 10px;
				text-decoration:none;
				color: #555;
				text-align:center;
				transition: background 0.2s, color 0.2s;
			}
				a.suggest:hover{
					background: white;
					color:#BBB;
				}
}