@charset "UTF-8";


/*@font-face {
    font-family: 'Firme-Book';
    src: url("font/Firme-Book.otf");
}
@font-face {
    font-family: 'Firme-ExtraBold';
    src: url("font/Firme-ExtraBold.otf");
}
@font-face {
    font-family: 'Firme-Black';
    src: url("font/Firme-Black.otf");
}
@font-face {
    font-family: 'Glosa Display';
    src: url("font/GlosaDisplay-Bold.otf");
}
@font-face {
    font-family: 'Glosa Display Medium';
    src: url ("font/GlosaDisplay-Medium.otf");
}*/

/* Firme BooK */
        @font-face {
        font-family: 'Firme-Book';
        src: url('../Expresso_WebFonts/Firme-Book.eot');
        src: url('../Expresso_WebFonts/Firme-Book.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Book.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Book.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Book.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


 /* Firme-ExtraBold */
        @font-face {
        font-family: 'Firme-ExtraBold';
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot');
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-ExtraBold.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

/* Links */
a:link {
color: #e03969;
font-size: 0.75em;
cursor: pointer;
font-weight: 800;
}


a:visited,
a:active,
a:hover {
color: #e03969;
}

a:hover {
opacity: .8;
}



h1 {
	font-family: 'Firme-ExtraBold', sans-serif;
    font-kerning: normal;
    font-size: 3.5em;
    font-weight:900;
    line-height: 0.95;
    letter-spacing: 0.025em;
    text-transform: none;
    padding-top: 0em;
    padding-bottom: 0px;
    color:#33414e;
}

h2 {
	font-family: 'Firme-Book', sans-serif;
    font-kerning: normal;
    font-size: 1.5em;
    font-weight:500;
    line-height: 1.1;
    letter-spacing: 0.03em;
    text-transform: none;
    padding-top: 0em;
    padding-bottom: 0px;
    color:#33414e;
}

h5 {
	/*font-family: 'Firme-ExtraBold', sans-serif;
    font-kerning: normal;
    font-size: 0.8em;
    font-weight:900;
    line-height: 0.5;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    padding-top: 0em;
    padding-bottom: 0px;
    color:#bcbcbc;*/
    font-family: 'Firme-ExtraBold', sans-serif;
    font-kerning: normal;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 0.5;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    padding-top: 2em;
    padding-bottom: 0px;
    color: #969696;
}

p {
font-family: 'Firme-Book', sans-serif;
font-kerning: normal;
/*font-size: 1.25em;*/
font-size: 2em;
font-weight:500;
line-height: 1.35;
letter-spacing: 0.02em;
text-transform: none;
color:#33414e;
}




#map {
    top:0; 
    height: 100vh;
    width:100vw;
    position: fixed;
    z-index: -5;
}
#header {
    margin: 3vh auto;
    width: 90vw;
    padding-top: 4vh;
    padding-bottom: 4vh;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    opacity: 0.9;
}
#footer {
    width: 100%;
    min-height: 3vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
    text-align: center;
    line-height: 1em;
    font-size: 0.9em;
}
#features {
    padding-top: 30vh;
    padding-bottom: 10vh;
    z-index: 100;
}
.centered {
    width: 50vw;
    margin: 0 auto;
}
.lefty {
    width: 33vw;
    margin-left: 5vw;
}
.righty {
    width: 33vw;
    margin-left: 62vw;
}
.light {
    color: #33414e;
    background-color: #ededed;
    border-radius: 40px;
}
.dark {
    color: #fafafa;
    background-color: #5b6976;
}
.step {
    /*padding-bottom: 50vh;*/

    padding-top: 25vh;
    padding-bottom: 25vh;
    /* margin-bottom: 10vh; */
    /*opacity: 0.35;*/
    opacity: 0.85;
}
.step.active {
    opacity: 0.85;
}

.step div {
   /*  padding:  25px 50px; */
    padding:  10px 30px;
    line-height: 1.3em;
    font-size: 1.1em;
    letter-spacing: 0.055em;
    user-select: none;
}

.step img {
    width: 100%;
}



@media (max-width: 750px) {
    #features {
        width: 90vw;
        width: 90vw;
        margin: 0 auto;
    }
}

@media (max-width : 375px){

h5 {
font-size: 1.4em;
}

a:link {
font-size: 0.85em;
}

p {
font-size: 2.1em;
}


}