html, body {
    min-height: 100%;
    background: #595F56;
    color: #EDEDED;
}

@font-face {
    font-family: Suisse;
    src: url("fonts/SuisseIntl-Light.otf") format("opentype");
}

@font-face {
    font-family: SuisseWorks;
    src: url("fonts/SuisseWorks-Regular.otf") format("opentype");
}



body {
    font-size: 1.0rem;
    text-rendering: optimizeLegibility;
    margin: 0 auto;
    font-family: "Suisse";
}

h1 {
    font-size: 3.8rem;
    color: #EDEDED;
    transition: all 0.2s ease;
    font-family: "SuisseWorks";
    font-weight: 200;
}
	
p { 
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    font-size: 2.8em;
} 

.small {
    color: #C7C7C7;
}


a, a:active {
    text-decoration: none;
    color: #E6FC6F;
    transition: all 0.2s ease;
}

a:hover {
    text-decoration: underline;
    color: #BCD634;
}

.footer a {
    font-size: 14px;
}

.right { 
    float: right;
    margin-left: 2rem;
    clear: right;
}
.left { 
    float: left;
    margin-right: 2rem;
    clear: left;
}
	
sub, sup { 
    line-height: 0;
}

li {
    display: inline;
    margin-left: 24px;

}

ul li { list-style: none;display: inline;}


.container {
    margin: 0 auto;
    padding: 4vh 5vw;
    min-height: 100%;
    max-width: 1400px;

}

.footer {
    margin-top: 64px;
    position: relative;
    bottom: 24px;
    right: 6vw;
    font-size: 16px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
 h1 {
    font-size: 1.5em;
 }

 p {
    font-size: 1.2em;
 }

 .footer {
    right: 6vw;
    font-size: 16px;
}
li {
    margin-left: 16px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    h1 {
        font-size: 3em;
     }

     p {
        font-size: 2em;
     }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    h1 {
        font-size: 3.4em;
     }

     p {
        font-size: 2.4em;
     }
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 992) {
    h1 {
        font-size: 3.8em;
     }

     p {
        font-size: 3.0em;
     }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 1200px) {
    h1 {
        font-size: 3.8em;
     }

     p {
        font-size: 2.8em;
     }
}