body{
    background-color:#000;
    padding: 0px 0px;
    margin: 0px 0px;
   overflow: hidden;
    font-family: 'Raleway', sans-serif;

}
ul li{
    list-style: none;
}
p{
    font-size: 1.4em;
    letter-spacing: 0.123em;
}
li{
    font-size: 1.4em;
    letter-spacing: 0.123em;
    
}
canvas{
    position: absolute;
    z-index: -1;
}
#splash{
    position: absolute;
    z-index: 1;
    top: 15%;
    left: 15%;
    background-color: rgba(255, 255, 255, 0.5);;
    width: 70%;
 

}
h1, h2, h3, h4{ font-family: 'Montserrat', sans-serif;}
h1{
    margin-bottom: 3em;
    border-bottom: 4px solid #000;
    padding-bottom: 1em;
}
a img{
    width: 60px;
    text-align: center;
}
a{
    color: #000;
    font-size: 1.4em;
    text-align: center !important;
    text-decoration: none;

}
#logo{
    margin-bottom: 3em;
    width: 300px;
}
div.left{
 display: block;
 width: 40%;
 float: left;
 clear: left;

border: salmon 0px solid;
}
div.right{
    display: block;
    width: 40%;
    float: left;
    clear: right;

    border: blue 0px solid;

}
#onas{
    display: block;
    position: relative;
    clear: left;
    float: left;
    margin-top: 3em;
   border-bottom: 8px solid #000;
   width: 100%;
   padding-bottom: 2em;
}
#onas a:first-of-type{
    margin-right: 2em;
}

@media only screen and (max-width: 900px) {
    div.right{
        display: block;
        width: 100%;
        float: left;
        clear: left;
       
    
    }
  }