.logo {
    width: 355px;
    height: 71px;
    display: block;
    padding: 10px 0px;
    margin: 30px 0px;
    left: 49%;
    right: 49%;
    
}

@media(max-width:1024px) {
    .logo {
        width: 70%;
        height: auto;
        padding: 10px 0px;
        text-align: center;
        left: 0;
        right: 0;
        margin: 0px;
    }
}
.btn {
    font-size: 20px;
}

.btn>.fa {
    margin-right: 5px
}

.btn.btn-brand {
    font-family: 'Bree Serif', 'Roboto', serif;
    background-color: #222222;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    border: 0;
    color: white
}

.btn.btn-brand:hover {
    color: white;
    background-color: #c0392b;
    border: 0;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
}

.btn.btn-brand:active {
    border: 0
}

.btn.btn-brand.btn-lg {
    padding: 20px 28px;
}