body {
	background-color:#FFF
}

.mynavbar{
	min-height: 4rem;
    background-color: #3366CC;
}

.section {
	background-color: transparent;
	font-size: 1.5rem;
    font-weight: 300;
	text-align: center;
}

.section h1 {
	font-size: 2.5rem;
	color: #3366CC;
	word-wrap: break-word;
}

.section p{margin:0;}

my-email::after {
	content: attr(data-domain);
}

my-email::before {
	content: attr(data-user) "\0040";
}

.forsale {
	word-wrap: break-word;
}

footer {
	font-weight: 300;
	text-align: center;
}

@media only screen and (min-width: 480px) {

.section h1 {
	font-size: 4rem;
}

}

@media only screen and (max-width: 709px) {
   .section h1 {
        font-size: 8vw;
    }
}
@media only screen and (min-width: 710px) and (max-width: 800px) {
    .section h1 {
        font-size: 8vw;
    }
}