body {
    background-color: #0b1550;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
}
.content-container {
    background: #0b1550 url('../img/bg-sm.png') top center no-repeat;
    padding-top: 160px;
    padding-bottom: 40px;
}
.roboto-slab {
    font-family: 'Roboto Slab', serif;
}
h1, .h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    color: #fff;
}
h2, .h2 {
    font-size: 28px;
    color: #fff;
}
h3, .h3 {
    font-size: 24px;
    color: #fff;
}
a {
    color: #4a9f42;
    text-decoration: none;
}
a:hover {
    color: #4a9f42;
    text-decoration: underline;
}
.text-yellow {
    color: #dfa944;
}
hr.dark {
    border-color: #2d3e5b;
}
.package-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}
.package-blue .package-title {
    color: #00abe9;
}
.package-blue .btn-default {
    border-color: #00abe9;
    color: #00abe9;
}
.package-yellow .package-title {
    color: #dfa944;
}
.package-yellow .btn-default {
    border-color: #dfa944;
    color: #dfa944;
}
.package-orange .package-title {
    font-size: 40px;
    line-height: 1;
    color: #e7873c;
}
.package-orange .btn-default {
    border-color: #e7873c;
    color: #e7873c;
}
.package-pink .package-title {
    font-size: 40px;
    line-height: 1;
    color: #d9318a;
}
.package-pink .btn-default {
    border-color: #d9318a;
    color: #d9318a;
}
.package-red .package-title {
    font-size: 40px;
    line-height: 1;
    color: #ed1c24;
}
.package-red .btn-default {
    border-color: #ed1c24;
    color: #ed1c24;
}
.bp-package .package-title {
    font-size: 24px;
    color: #bdcae8;
}
.kpc-package .package-title {
    font-size: 24px;
    color: #bdcae8;
}
.kpc-package {
    border-top: 1px solid #556990;
}
.white {
    color: #fff;
}
.violet {
    color: #bdcae8;
}
.fw-400 {
    font-weight: 400;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.btn-default {
    border-radius: 0;
    border: 2px solid #bdcae8;
    color: #bdcae8;
    text-decoration: none;
    background-color: transparent;
    font-size: 22px;
    font-weight: 600;
    padding: 3px 30px;
    transition: opacity 0.3s ease-in-out;
}
.btn-default:hover, .btn-default:active {
    color: #bdcae8;
    border-color: #bdcae8;
    background-color: transparent;
    opacity: 0.7;
}
.modal-content {
    color: #000;
}
.modal-body {
    font-size: 16px;
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 50px;
    }
    .btn-default {
        font-size: 28px;
    }
    .text-sm-left {
        text-align: left;
    }
    .text-sm-right {
        text-align: right;
    }
}
@media (min-width: 992px) {
    .content-container {
        background-image: url('../img/bg-md.png');
        padding-top: 275px;
    }
    .text-md-left {
        text-align: left;
    }
    .text-md-right {
        text-align: right;
    }
}
@media (min-width: 1199px) {
    .content-container {
        background-image: url('../img/bg-lg.png');
        padding-top: 380px;
    }
}