body{
    background-color:black;

}

section#top{
    color:black;
    min-height:30px;
    font-size:16px;
    padding-top: 10px;
    background: #ffed00;
}

section#content{
    color:white;
}

section#content a{
     color:white;
     text-decoration: none;
}

section#content a:hover{
    color:#ffed00;
    text-decoration: underline;
}

section#space{
    background-color:#ffed00;
    height:7px;
}


footer{
    background-color:white;
    color:black;
    height:50px;
}

footer a{
    text-decoration: none;
    color:black;
}

footer a:hover{
    text-decoration: underline;
    color:black;
}

.corp{
    font-weight: bold;
}

i.fa{
    color: #ffed00;
}

.btn-default{
    color: black;
    background-color: #ffed00;
    border: none;
}

.overlay {
    /*background: url(../img/logo.png) top center no-repeat;*/
    position: absolute;
    /*top: 20%;*/
    left: 0;
    width: 100%;
    height:100%;
    z-index: 10;
    pointer-events: none;
    text-align: center;
    align-content: center;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


@media (min-width: 768px) and (max-width: 979px) {
    .overlay{

        top:30%;
    }
}

@media (max-width: 767px) {
    .overlay{

        top:35%;
    }

}
@media (max-width: 480px) {
    .overlay{
        top:20%;

    }
}