.col{
    text-align: center;
}
.container{
    height: calc(100vh - 60px);
}
#main-wrapper{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
h1{
    font-size: 100%;
    margin-bottom: 5px;
}

.col-md-3, .col-sm-12{
    padding: 0px 1px 0px 0px;
}

.btn{
    height:40px;
    font-size: 100%;
    width: 100%;
    background-color: #283B97;
    color: #E1E227;
    border-radius: 0px;
    margin-bottom: 0px;
}
.btn:hover{
    font-size: 100%;
    width: 100%;
    background-color: #E1E227;
    color: #283B97;
    border-radius: 0px;
}

#down-btn{
    width: 190px;
    height: 50px;
    font-size: 100%;
    margin-left: 0px;
}

footer{
    height: 60px;
}

@media (max-width: 805px) {
    #btn-row{
        width: 60%;
    }
    .btn{
        height: 60px;
    }
}

@media (max-width: 805px) {
    .col-md-3, .col-sm-12{
        padding: 1px 20px 1px 20px;
    }
}

@media (max-width: 405px) {
    #btn-row{
        width: 60%;
    }
}

@media (max-width: 1000px) {
    footer{
        display: none;
    }
}