@font-face {
    font-family: ProximaNovaAlt-Light;
    src: url('fonts/ProximaNovaAlt-Light.ttf') format('truetype');
}
@font-face {
    font-family: ProximaNovaAlt-Reg;
    src: url('fonts/ProximaNovaAlt-Reg.ttf') format('truetype');
}
@font-face {
    font-family: ProximaNovaAlt-Sbold;
    src: url('fonts/ProximaNovaAlt-Sbold.ttf') format('truetype');
}
*{
    color: #A0A1A3;
    font-family: ProximaNovaAlt-Light;
}
html, body {
    height: 100%;
}
body { 
    background: black;
}
.outer-wrap {
    display: grid;
    grid-template-rows: .25fr 1fr .25fr;
    grid-gap: .25em;
    width: 100vw;
    height: 100vh;
}
.outer-wrap > div {    
    margin-left: 5%;
    margin-right: 5%;
    padding: 1em;    
}
.inner-wrap{
    display: grid;    
    grid-template-columns: 1fr .75fr;
    height: 100%;    
}
.nested{
    background-color: #0D1219;
    display: grid;
     grid-template-rows: .25fr 1fr .1fr;     
     grid-gap: .5em;
}
.nested-form {
    background-color: #1A1F29;
}
.nested-form h2 {
    margin-top: 20px;
}
.inner-wrap > div {        
    padding: 1em;    
}
.nested > div {
    padding: 1em;
}
.nested-center h1 {
    margin-top: 70px;
}
.nested-center h2 {
    color: #2ECC50;
}
.bzmg-logo{
    margin-right: 10px;
}
.form-control { 
    background-color: #414349;
    border: none;
}
.form-group {
    margin-bottom: 20px;
}
.form-horizontal{
    margin-top: 10%;
    margin-left: 12%;
}