.green-widget {
	padding:40px;
}

.green-ajax-form {
	position:relative;
	margin-bottom:40px;
}

.green-widget .green-ajax-form input[type="text"]{
	padding:40px 60px 40px 40px;
	font-size:16px;
	font-weight:200;
	margin-bottom:20px;
}

.green-widget .green-ajax-form .button-wrapper button {
	position:absolute;
	right:0;
	top:0;
	background: url(search.svg);
	background-size:24px 24px;
	background-position:center;
	background-repeat: no-repeat;
	width:35px;
	height:35px;
	padding:40px;
	border:0;
}

.green-widget .green-content {
	margin:40px 0;
	text-align:center;
}

.latest .green-entry {
	background:#f3f3f3;
	padding:10px;
}

.latest .green-entry:nth-child(even) {
	background:#e6e6e6;
}

.latest .green-entry span,
.latest .latest-header span{
	display:inline-block;
	width:100%;
}

.latest .green-entry .domain-value {
	font-weight:500;
	text-align: center;
}

.latest .green-entry .country-value {
	margin-bottom:10px;
	text-align:center;
}

.latest .green-entry .score-value .score {
	width:0;
	background:#333;
	text-align:center;
	transition: width 1s cubic-bezier(0.86, 0, 0.07, 1), color 1.5s;
	color: transparent;
	padding:10px;
}

.latest .title {
	text-align:center;
	margin-bottom:20px;
}

.latest .latest-header {
	background:#d6d6d6;
	font-weight:700;
	padding:10px;
	text-align:center;
}

.results {
	display:none;
	background: #f3f3f3;
	padding:20px;
	margin-bottom:40px;
	transform: translateY(-10px);
	transition: opacity 0.2s, visibility 0.2s, transform 0.5s;
	font-size:16px;
	word-wrap: break-word;
}

.results h1 {
	margin:0;
	font-size:26px;
}

.results h3 {
	margin-bottom:20px;
	font-size:20px;
}

.results .svg-icon {
	text-align:center;
}

.results .svg-icon svg{
	width:150px;
	height:150px;
}

.results .result {
	text-align:center;
}

@media(min-width:750px) {
	.green-widget .green-ajax-form input[type="text"]{
		padding:40px 60px 40px 40px;
		font-size:26px;
		font-weight:200;
		margin-bottom:20px;
	}

	.latest .latest-header {
		text-align:left;
	}

	.latest .green-entry span,
	.latest .latest-header span {
		width:calc(100% / 3);
	}

	.latest .green-entry .domain-value,
	.latest .green-entry .country-value {
		text-align:left;
	}

	.results {
		font-size:18px;
	}

	.results h1 {
		font-size:36px;
	}

	.results h3 {
		font-size:22px;
	}
}