/*font-family: 'Raleway', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Libre Baskerville', serif;*/

html,
body {
    width: 100%;
    background-color: #0c0f1f;
}

h1 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
}

h2 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
}

h3 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 34px;
}

p {
    font-family: 'Libre Baskerville', serif;
    color: #fff;
    font-size: 18px;
}

.lead {
    font-family: 'Libre Baskerville', serif;
    color: #fff;
    font-size: 18px;
}

.title h1 {
    text-align: right;
    color: #fff;
    font-size: 20px;
}

@media (min-width: 768px) {
    .title h1 {
        text-align: right;
        font-size: 20px;
    }
    h3 {
        font-size: 28px;
    }
    p {
        font-size: 16px;
    }
    .lead {
        font-size: 16px;
    }
}

@media (min-width: 1024px) {
    p {
        font-size: 14px;
    }
    h3 {
        font-size: 25px;
    }
}


.jumbotron {
    font-family: 'Raleway', sans-serif;
    background: linear-gradient(rgba(12, 15, 31, 0), rgba(12, 15, 31, .5)), url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.jumbotron h2 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 600;
}

.card {
    border-radius: 0 !important;
    border: 0 none;
}

.card-body {
    font-family: 'Raleway', sans-serif;
    background-color: #0c0f1f;
    color: #fff;
}

.card-img-1 {
    height: 80px;
    width: 82px;
    text-align: center;
}

.card-img-2 {
    height: 81px;
    width: 91px;
}

.card-title {
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.card-text {
    text-align: left;
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 4;
    }
}

footer {
    font-family: 'Raleway', sans-serif;
    background: #e96a2c;
    color: #fff;
}

.map {
    text-align: right;
}


.contact-address {
    font-family: 'Raleway', sans-serif;
    text-align: left;
    color: #fff;
}

.copyright p {
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

a:link {
    /* Essentially means a[href], or that the link actually goes somewhere */
    color: #fff;
    text-decoration: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:active {
    color: #fff;
    text-decoration: none;
}

a:focus {
    color: #fff;
    text-decoration: none;
}

.btn-link {
    background-color: #e96a2c !important;
    border-color: #e96a2c !important;
    text-decoration: none;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    background-color: #f69826 !important;
    border-color: #f69826 !important;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.btt {
    background-color: #5da2f28c;
    width: 55px;
    position: fixed;
    right: -15px;
    bottom: 30px;
    z-index: 9999;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #555;
    transition: background-color .3s;
}

.btt:hover,
.btt:focus,
.btt:active {
    background-color: #5da2f2;
}

.btt i {
    color: #fff;
    font-size: 30px;
    padding: 7px; 
}