.logo {text-align: center;}
.wrapper {width: 100%; height: 245px; background: #fff url(../images/background-vibratori-small.jpg) no-repeat top right; background-size: cover;}
.content-outer {padding-top: 5%;}
.content {padding: 5% 0; background-color: rgba(255,255,255,0.7); text-align: center;}
.content h3 {color: #E62764;}
.content p {color: #6d6e71; font-style: italic; font-size: 0.9rem; font-family: Georgia, serif;}
.featured {padding: 1rem; text-align: center; text-transform: uppercase;}
.featured p {font-size: 0.7rem;}
input[type="text"], input[type="email"] {border-color: #5c3553;}
input[type="text"]:focus, input[type="email"]:focus {border-color: #E62764;}
input[type="submit"] {background-color: #E62764; color: #fff; text-transform: uppercase; font-family: inherit; border-style: solid; border-width: 1px; border-color: #5c3553; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; display: block; font-size: 0.875rem; margin: 0px 0px 1rem; padding: 1rem; height: 4rem; width: 100%; box-sizing: border-box; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;}
.button {background-color: #E62764; border-color: #5c3553;}
.button:hover, button:focus, button:hover {background-color: #5c3553; border-color: #E62764;}

@media only screen and (min-width: 40em) and (max-width: 90em) {
	.wrapper {width: 100%; height: 613px; background: #fff url(../images/background-vibratori.jpg) no-repeat top right; background-size: cover;}
}

@media only screen and (min-width: 90.063em) {
	.wrapper {width: 100%; height: 613px; background: #fff url(../images/background-vibratori.jpg) no-repeat top center;}
}

@media (-webkit-min-device-pixel-ratio: 0) {
	.wrapper {height: 900px;}
}