@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
    body {background: url(DomainSpot-fetch-back.jpg) no-repeat center center fixed;background-size:cover; margin:0;padding:0;font-family: 'Poppins', sans-serif;color:#fff;}
    .wrapper { margin:0 auto; width:80%; max-width: 1400px; transition:all 0.2s ease-in-out 0s;position: relative;}
    .banner {background-color:#FA0004;color:#fff;padding:7px;font-size:30px;font-weight: 500;display: inline-block;line-height: 1em;margin-bottom:30px;}
    .domain-info {margin: 50px 0;color:#fff;text-align: center; width:100%;box-sizing: border-box;}
    .center {text-align:center}
    .domain-name {font-size:40px;}
    .for-sale {background-color:rgba(0, 0, 0, 0.4);padding:20px;}
    .for-sale .price {font-size:45px;font-weight: 500;}
    .offer {background-color:#fafafa;padding:20px;color:#474747;display:inline-block;}
    .offer .header {background-color:#069da7; color:#fff;margin:-20px -20px 0 -20px;padding:7px;font-size:20px;}
    .offer p {text-align: left;}
    .offer span {font-size: 14px}
    .offer input[type="text"] {width:230px}
    .offer p:last-child {margin-bottom:0;}
    .logo {height:110px;}
    input[type="text"]:valid {box-shadow:none;}
    input[type="text"]:focus {outline:none;box-shadow: 0 0 5px rgba(0, 0, 0, .10);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .10);}
    input[type="text"], input[type="password"] {padding:5px;font-size: 16px;border:1px solid #dedede;} 
    .half-col {display:inline-block;vertical-align:top; width:47%;box-sizing: border-box; margin: 0 6% 0 0;transition: all 0.2s ease-in-out 0s;}
    .half-col:nth-child(2) {margin-right:0; }
			
@media screen and (max-width: 1100px) {
    .wrapper {width:90%;}
}
		
@media screen and (max-width: 950px) {
    .fourth-col:nth-child(n+2) {margin-bottom:30px;}
    .half-col {width:100%; margin: 0 0 30px 0;}
}		
			
@media screen and (max-width: 800px) {
    .domain-name {font-size: 30px;word-wrap: break-word;padding:0 10px;}
}
@media screen and (max-width: 650px) {
    .domain-name {font-size: 20px;word-wrap: break-word;padding:0 10px;}
    .banner {font-size:20px;}
}
		
@media screen and (max-width: 350px) {
    .for-sale .price {font-size:40px;}
}

a.button, input.button, button.button {
 color: #515151 !important;
 text-decoration: none;
 padding: 7px 20px;
 white-space: nowrap;
 display: inline-block;
 /*-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius:3px;*/
 border: 2px solid transparent;
  transition:all 0.1s ease-in-out 0s;
}
a.button:hover, input.button:hover, button.button:hover {
 cursor: pointer;
 color: #000 !important;
 text-decoration: none !important;
}
a.button-sm[disabled], input.button-sm[disabled], button.button-sm[disabled], a.button[disabled], input.button[disabled], button.button[disabled], 
a.button-sm[disabled]:hover, input.button-sm[disabled]:hover, button.button-sm[disabled]:hover, a.button[disabled]:hover, input.button[disabled]:hover, button.button[disabled]:hover {
  background-color: #ccc;
  cursor:default;
}
a.blue, input.blue, button.blue {
 background: #069da7;
 color: #fff !important;
	border:2px solid #069da7;
}
a.blue:hover, input.blue:hover, button.blue:hover {
 background: #fff;
	border:2px solid #069da7;
 color: #069da7 !important;
}
a.orange, input.orange, button.orange {
 background: #ff7400;
 color: #fff !important;
}
a.orange:hover, input.orange:hover, button.orange:hover {
 background: #cc5d00;
	border:2px solid #cc5d00;
 color: #fff !important;
}