@media (min-width: 1301px) {
	body {
		margin: 0 0;
    background: rgba(164, 164, 164, 0.1);
	}

	.container {
		box-sizing: border-box !important;
		top: 5%;
		left: 25%;
	  position: absolute;
		width: 50%;
    height: 80%;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2), 0px 0px 50px rgba(0, 0, 0, 0.2);
	}

	.logo {
		position: absolute;
		left: 30%;
		width: 40%;
		height: auto;
	}
}

@media (min-width: 1101px) and (max-width: 1300px) {
	body {
		margin: 0 0;
    background: rgba(164, 164, 164, 0.1);
	}

	.container {
		box-sizing: border-box !important;
		top: 5%;
		left: 25%;
	  position: absolute;
		width: 50%;
    height: 80%;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2), 0px 0px 50px rgba(0, 0, 0, 0.2);
	}

	.logo {
		position: absolute;
		left: 30%;
		width: 40%;
		height: auto;
	}
}

@media only screen and (min-width: 901px) and (max-width: 1100px) {

	body {
		margin: 0 0;
		overflow: hidden;
	}

	.container {
		box-sizing: border-box !important;
	  position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(164, 164, 164, 0.1);
	}

	.logo {
		position: absolute;
		left: 30%;
		width: 40%;
		height: auto;
	}

	.search {
		font-size: 1.2em !important;
	}
}

@media only screen and (min-width: 701px) and (max-width: 900px) {

	body {
		margin: 0 0;
		overflow: hidden;
	}

	.container {
		box-sizing: border-box !important;
	  position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(164, 164, 164, 0.1);
	}

	.logo {
		position: absolute;
		left: 25%;
		width: 50%;
		height: auto;
	}

	.search {
		font-size: 1.2em !important;
	}
}

@media only screen and (max-width: 700px) {

	body {
		margin: 0 0;
		overflow: hidden;
	}

	.container {
		box-sizing: border-box !important;
	  position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(164, 164, 164, 0.1);
	}

	.logo {
		position: absolute;
		left: 25%;
		width: 50%;
		height: auto;
	}

	.search {
		font-size: 1em !important;
	}
}