@media (min-width: 576px) {
    .container {
        max-width: 540px;	
    }
    .w-sm-0 {
        width: unset !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    .w-md-0 {
        width: unset !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1540px;
    }
}

.card-img-top {
    border-radius: 0px;
}

/* card-columns */
@media (max-width: 576px) { 
    .card-columns {
        column-count: 2; 
    }
}
@media (min-width: 576px) and (max-width: 768px) { 
    .card-columns {
        column-count: 3; 
    }
}
@media (min-width: 768px) and (max-width: 992px) { 
    .card-columns {
            column-count: 4; 
    } 
}
@media (min-width: 992px) { 
    .card-columns {
        column-count: 5; 
    } 
}

/* colors */
.bg-black {
    background-color: #0b0a13 !important;
}
.bg-dark {
    background-color: #191919 !important;
}
.bg-gray {
    background-color: #eaf2f2 !important;
}
.bg-dark-blue {
    background-color: #003366;
}
.bg-transparent-black {
    background-color: rgba(0,0,0,0.5);
}
.bg-transparent-dark-black {
    background-color: rgba(0,0,0,0.85);
}
.bg-grey {
    background-color: rgba(24,26,41);
}
.bg-l-blue { 
    background-color: #0066cc !important;
}
.text-red {
    color: #ff0000;
}
.text-white {
    color: #fff;
}
.text-green {
    color: #3eb901;
}
.text-gray {
    color: #999999;
}
.text-cyan {
    color: #3399cc;
}
.text-blue {
    color: #0198ff;
}
.text-pink { 
    color: #330099;
}
.text-black {
    color: #000000;
}
.text-cyan {
    color: #330099;
}
.border-gray {
    border-color: #666666 !important;
}
.border-blue {
    border-color: #0099cd !important;
}
.btn-success {
    background-color: #339900;
}
.btn-orange {
    background-color: #ff9900;
    color: #FFFFFF !important;
}
.btn-orange:hover {
    background-color: #e58a02;
    color: #FFFFFF !important;
}
.btn-pink {
    color: #FFFFFF;
    background-color: #330099;
}
.btn-pink:hover {
    color: #FFFFFF;
    background-color: #431998;
}
.btn-cyan {
    color: #FFFFFF;
    background-color: #330099;
}
.btn-cyan:hover {
    color: #FFFFFF;
    background-color: #6633ff;
}
.btn-outline-dark:hover {
    color: #fff !important;
}
a:hover, a:focus {
    color: #bcb9b9;
}

.text-through {
    text-decoration: line-through;
}
.absolute-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.w-40 {
    width: 40% !important;
}

.mh-300 {
    max-height: 300px !important;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

h1.h0 {
    font-size: 3.5rem;
}
.lh-18 {
    line-height: 18px;    
}