
	html,body{ 
		margin:0; 
		padding:0; 
		font-family: 'Roboto';
		font-size: 1em;
	}

	#header_bar {background-color: #16222d; width:100%; height:6em;	position: relative;	z-index: 1;	}

	#logo {	padding-top: 1em;	/*width: 6em;*/	max-width: 100%; max-height: 100%; display: block;	margin: auto auto; }

	#section_1 {background: white;position: relative;text-align: center;}

	#section_2 {background: #1081a9;  position: relative;text-align: left;}

	#section_3 {background: white;  position: relative;	}

	#header_whois {	left: auto;	display: flex;	justify-content: center;}
	#header_whois form {z-index: 1;	}

	#header_whois form .ip-button-main input {font-size: 1.8em;	padding: 0.3em 1em;	background: #e9d005;border: none;border-radius: 0.5em;cursor: pointer;}

	#header_whois form .styled-select {	visibility: hidden;	}

	#eu_suffix{	font-size: 3em;	background-color: white;}

	#header_whois form .domain_search_field{font-size: 3em;	margin:0 auto; text-align: right; line-height: 1.2;	color: black; border: none;	border-bottom: 0.07em solid black; margin-right: -0.05em; padding-right: 5px;}

	#footer_bar{position: fixed;width: 100%;height: 2em;background-color: transparent;z-index: 1;bottom: 0;text-align: center;}

	#footer_bar img {width: 2.5em;cursor: pointer;}

	#content_1  {position: relative;z-index: 1;	}
	#content_2 {position: relative;	z-index: 1;	}
	#content_3  {position: relative;z-index: 1;	}
	#content_1 h3, #content_1 p { color: black; text-align: center; padding-bottom: 1em; }
	#content_1 h1{font-size: 2em;}
	#content_1 a {border: 0.08em solid;border-radius: 0.5em;padding: 0.5em 1em;color: #1081a9;text-decoration: none;font-size: 1.5em;z-index: 1;}
	#content_2 h2, #content_2 h3, #content_2 p {color: white;}
	#section_2 a {border: 0.08em solid;border-radius: 0.5em;padding: 0.5em 1em;color: #f1d700;text-decoration: none;font-size: 1.5em;z-index: 1;}
	#content_2 ul {color: white;list-style-type: disc;line-height: 1.5em;font-size: 0.9em;}
	#content_2 li, #content_2 p {color: white;}
	#content_3 h2{text-align: center;margin: 2em 4em 0 4em;}
	#search_button {text-align: center;	padding-top: 1em;}
	#section_1 #background_1 { position: absolute;left: 2em;z-index: 0;/*bottom: 6em;*/}
	#section_1 #background_2 { position: absolute;right: 4em;z-index: 0;/*bottom: 6em;*/}
	#section_2 #background_1 { position: absolute;right: 2em;z-index: 0; bottom: 6em;}
	#section_3 #background_1 { position: absolute;left: 2em;z-index: 0;bottom: 5em;}
	#section_3 #background_2 { position: absolute;right: 2em;z-index: 0;bottom: 5em;}

	@media only screen and (max-width:320px){ 
		html,body{/*font-size: 12px;*/}
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1 {margin: -8em 3em 0 3em;font-size: 0.8em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 { margin: -8em 2.5em 0 1em;font-size: 0.8em;}
		#content_3 { margin: -14em 3em 0 3em; font-size: 0.8em;}
		#content_3 h2{text-align: center;margin: 2em 0 0 0;}
		#header_whois form {font-size: 0.5em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#header_whois form .ip-button-main input {font-size: 2.8em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {display: none;}
		#section_1 #background_2 {display: none;}
		#section_2 #background_1 {display: none;}
		#section_3 #background_1 {display: none}
		#section_3 #background_2 {display: none;}
	}
	@media only screen and (min-width:320px) and (max-width:639px) {
		html,body{/*font-size: 11px;*/}
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1 {margin: 0em 3em 0 3em;font-size: 0.8em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0em 3em 0 3em;font-size: 0.8em;}
		#content_3 {margin: 0em 3em 0 3em;font-size: 0.8em;}
		#content_3 h2{text-align: center;margin: 2em 0 0 0;}
		#header_whois form {font-size: 0.5em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#header_whois form .ip-button-main input {font-size: 2.8em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {display: none;}
		#section_1 #background_2 {display: none;}
		#section_2 #background_1 {display: none;}
		#section_3 #background_1 {display: none;}
		#section_3 #background_2 {display: none;}
		#section_1 .container_1{height:100%; height: 480px; width:320px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{height:100%; height: 480px; width:320px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height:100%; height: 480px; width:320px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 a {position: relative; top: 20px;}
		#header_whois{position: relative;left: -7px;}
		
	}

	@media only screen and (min-width:640px) and (max-width:767px) { 
		html,body{font-size: 0.9em;}
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1 {margin: 0 14em 0 14em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0 16em 0 2em;font-size: 1.0em;}
		#content_3 {margin: 0 13em 0 11em;}
		#content_1 h1{font-size: 1.4em;}
		#content_3 h2{text-align: center;margin: 1em 0 0 0;}
		#content_2 h2{font-size: 1.4em;margin: 0;}
		#header_whois form {font-size: 0.5em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#header_whois form .ip-button-main input {font-size: 2.8em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {width: 10em; bottom: 7em;}
		#section_1 #background_2 {width: 10em; bottom: 8em;}
		#section_2 #background_1 {width: 13em;margin: 0 2em 0 0;bottom: 7em;}
		#section_3 #background_1 {width: 10em; bottom: 1em}
		#section_3 #background_2 {width: 10em; bottom: 1em;}
		#section_2 a{position: relative; top: 12px; left: -162px;}
		#section_1 .container_1{height:100%; height: 360px; width:640px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{height:100%; height: 300px; width:640px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height:100%; height: 240px; width:640px;  overflow: hidden; margin: 0 auto; position: relative;}
	}

	@media only screen and (min-width:768px) and (max-width:1023px){ 
		html,body{/*font-size: 20px;*/}
		#logo {	width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1 {margin: 0em 11em 0 13em;width: 345px;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0em 24em 0 1em;}
		#content_2 h2{font-size: 1.8em;}
		#content_3 { margin: 0em 3em 0 10em;width: 470px;}
		#content_3 h2{text-align: center;font-size: 1.2em;margin: 0 3em 0 2em;}
		#header_whois form {font-size: 1em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {width: 10em;margin: -25% 0 0 0;bottom: 70px;}
		#section_1 #background_2 {width: 10em;margin: -25% 0 0 0;bottom: 80px; right: 3em;}
		#section_2 #background_1 {width: 17em;margin: -25% 0 0 0;bottom: 100px;right: 4em;}
		#section_3 #background_1 {width: 9em;bottom: 0em;}
		#section_3 #background_2 {width: 7em;bottom: 0em;}
		#section_2 a{position: relative; top: 40px;}
		#section_1 .container_1{height:100%; height: 410px; width:768px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{height:100%; height: 460px; width:768px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height:100%; height: 250px; width:768px;  overflow: hidden; margin: 0 auto; position: relative;}
		#header_whois form {font-size: 1em; margin: 0; width: 418px;}
		#header_whois form .domain_search_field { font-size: 2em;}
		#eu_suffix {font-size: 2em;}

	}

	@media only screen and (min-width:1024px) and (max-width:1279px){ 
		html,body{/*font-size: 20px;*/}
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1{margin: 0em 18em 0 18em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0em 24em 0 1em;}
		#content_3 {/*font-size: 17px;*/margin: 3em 17em 0 15em;}
		#content_3 h2{text-align: center;margin: 0;}
		#header_whois form {font-size: 1em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {width: 14em;margin: -30% 0 0 0; left: 1em;}
		#section_1 #background_2 {width: 14em;margin: -30% 0 0 0; right: 3em;}
		#section_2 #background_1 {width: 18em;margin: -25% 0 0 0;right: 4em;bottom: 20px;}
		#section_3 #background_1 {width: 14em; left: 0em; bottom: 25px;}
		#section_3 #background_2 {width: 12em;bottom: 10px}
		#section_1 .container_1{ height: 400px; width:1024px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{ height: 345px; width:1024px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height: 345px; width:1024px;  overflow: hidden; margin: 0 auto; position: relative; }
		#header_whois form .domain_search_field { font-size: 2.4em;}
		#eu_suffix {font-size: 2.4em;}
	}

	@media only screen and (min-width:1280px) and (max-width:1439px){ 
		html,body{/*font-size: 20px;*/}
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1{margin: 6em 18em 0 18em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0em 24em 0 1em;}
		#content_3 {/*font-size: 17px;*/margin: 3em 17em 0 15em;}
		#content_3 h2{text-align: center;margin: 0;}
		#header_whois form {font-size: 1em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {width: 14em;margin: 0;left: 1em;bottom: 0;;}
		#section_1 #background_2 {width: 14em;margin: 0;right: 3em;bottom: 0;}
		#section_2 #background_1 {width: 18em;margin: -25% 0 0 0;right: 4em;bottom: 20px;}
		#section_3 #background_1 {width: 14em; left: 0em; bottom: 25px;}
		#section_3 #background_2 {width: 12em;bottom: 10px}
		#section_1 .container_1{ height: 400px; width:1280px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{ height: 345px; width:1280px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height: 345px; width:1280px;  overflow: hidden; margin: 0 auto; position: relative; }
		#header_whois form .domain_search_field { font-size: 2.4em;}
		#eu_suffix {font-size: 2.4em;}
		#content_1 h1 { font-size: 2.4em;}
		#content_2 h2 { font-size: 1.8em;}
		#content_3 h2 { font-size: 1.8em;}
	}

	@media only screen and (min-width:1440px) and (max-width:1919px){ 
		html,body{/*font-size: 20px;*/}
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1{margin: 6em 18em 0 18em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0em 24em 0 1em;}
		#content_3 {/*font-size: 17px;*/margin: 3em 17em 0 15em;}
		#content_3 h2{text-align: center;margin: 0;}
		#header_whois form {font-size: 1em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {width: 14em;margin: 0;left: 1em;bottom: 0;;}
		#section_1 #background_2 {width: 14em;margin: 0;right: 3em;bottom: 0;}
		#section_2 #background_1 {width: 19em;margin: -25% 0 0 0;right: 2em;bottom: 0;}
		#section_3 #background_1 {width: 14em; left: 0em; bottom: 25px;}
		#section_3 #background_2 {width: 12em;bottom: 10px}
		#section_1 .container_1{ height: 400px; width:1400px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{ height: 345px; width:1400px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height: 345px; width:1400px;  overflow: hidden; margin: 0 auto; position: relative; }
		#header_whois form .domain_search_field { font-size: 2.4em;}
		#eu_suffix {font-size: 2.4em;}
		#content_1 h1 { font-size: 2.8em;}
		#content_2 h2 { font-size: 2.2em;}
		#content_3 h2 { font-size: 2em;}
	}

	@media only screen and (min-width:1920px) {
		#logo {width: 4em;}
	    #header_bar {height: 5em;}
		#footer_bar img {width: 2em;}
		#content_1{margin: 6em 18em 0 18em;}
		#content_1 a, #section_2 a {font-size: 1em;}
		#content_2 {margin: 0em 24em 0 1em;}
		#content_3 {/*font-size: 17px;*/margin: 3em 17em 0 15em;}
		#content_3 h2{text-align: center;margin: 0;}
		#header_whois form {font-size: 1em;margin: 0 -2em 0 -2em;}
		#header_whois form .domain_search_field{font-size: 3em;}
		#eu_suffix{float:right;}
		#section_1 #background_1 {width: 14em;margin: 0;left: 1em;bottom: 0;;}
		#section_1 #background_2 {width: 14em;margin: 0;right: 3em;bottom: 0;}
		#section_2 #background_1 {width: 19em;margin: -25% 0 0 0;right: 2em;bottom: 0;}
		#section_3 #background_1 {width: 14em; left: 0em; bottom: 25px;}
		#section_3 #background_2 {width: 12em;bottom: 10px}
		#section_1 .container_1{ height: 400px; width:1600px; overflow: hidden; margin: 0 auto; position: relative;}
		#section_2 .container_2{ height: 345px; width:1600px;  overflow: hidden; margin: 0 auto; position: relative;}
		#section_3 .container_3{height: 345px; width:1600px;  overflow: hidden; margin: 0 auto; position: relative; }
		#header_whois form .domain_search_field { font-size: 2.4em;}
		#eu_suffix {font-size: 2.4em;}
		#content_1 h1 { font-size: 2.8em;}
		#content_2 h2 { font-size: 2.2em;}
		#content_3 h2 { font-size: 2em;}
	}