@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");
@import "base.css";
@import "header.css";
@import "hero.css";
@import "breadcrumbs.css";
@import "components.css";
@import "forms.css";
@import "home.css";
@import "sidebar.css";
@import "categories.css";
@import "winners.css";
@import "footer.css";



/*TODO start: refactor it temporary styles from old site*/
.about_wrapper {
    padding-top: 10px
}

.about_wrapper img {
    float: left;
    max-width: 45% !important;
    margin-right: 30px;
    margin-bottom: 30px
}

@media screen and (max-width: 750px) {
    .about_wrapper img {
        float: none;
        max-width: 100% !important;
        margin-right: 0;
        margin-bottom: 30px
    }
}

.about_wrapper h3 {
    margin-bottom: 15px;
    font-weight: 700;
}

.about_bottom_item1 {
    width: 47%;
    float: left
}

.about_bottom_item2 {
    width: 47%;
    float: right
}

.about_bottom_item1 h3, .about_bottom_item2 h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 700
}

@media screen and (max-width: 750px) {
    .about_bottom_item1, .about_bottom_item2 {
        width: auto;
        float: none
    }
}



/*TODO end: refactor it temporary styles from old site*/