@charset "utf-8";






body {
margin:0;
font-family: 'Roboto', sans-serif;
color: #3e3934;
}

#wrapper {
width: 80%;
margin: 0 auto;
}

#logo, #soon, #contact {
width: 100%;
height: auto;
text-align: center;
margin-top: 8%;
margin-bottom: 5%;
}

#logo img {
width: 100%;
max-width: 300px;
height: auto;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif;
    letter-spacing: 0.1em;
}

h1{
font-size: 2em;
font-weight: normal;
font-style: normal;
margin-bottom: 18px;
}

h2 {
color: #b92b3b;
}

.contact span {
font-family: 'Roboto', sans-serif;
padding: 0px 0px 0px 5px;

}

.fa{
color: #b92b3b;
}

.fa span, .fa a {
color: #3e3934;
}

.fa a:hover {
color: #b92b3b;
}

.fa {
padding: 0px 0px 0px 10px;
margin: 10px; 0px;
}