@media only screen and (max-width: 480px) {
.texts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	vertical-align: middle;
}

.headerimage {
	position: relative;
	width: 100%;
	height: auto;
}

.icon {
	height: 24px;
	width: 30px;
}
}

@media only screen and (min-width: 481px) {
.texts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color: #666666;
	font-weight: normal;
	vertical-align: middle;
	
	
}

.headerimage {
	position: relative;
	width: 100%;
	height: auto;
}

.icon {
	height: 18px;
	width: 25px;
}
}

@media only screen and (min-width: 767px) {
.texts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	vertical-align: middle;
}

.headerimage {
	position: relative;
	width: 100%;
	height: auto;
}

.icon {
	height: 32px;
	width: 40px;
}
}

.texts a:link {
    text-decoration: none;
	color: #666666;
}

.texts a:visited {
    text-decoration: none;
	color: #666666;
}

.texts a:hover {
    text-decoration: none;
	color: #666666;
}

.texts a:active {
    text-decoration: none;
	color: #666666;
}