@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

.award {
    &-frame {
        
    }

    &-image {
        top: 0;
        left: 0;
        padding: rem(20);

        @include media-breakpoint-down(xs) {
            padding: rem(30) rem(20);
        }

        img {
            max-height: 100%;
        }
    }
}

.gutter-10 {
    @include media-breakpoint-down(md) {
        margin-left: -10px !important;
        margin-right: -10px !important;

        & > [class^='col'] {
            padding-left: 10px !important;
            padding-right:10px !important;
        }
    }
}

.col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
@media (max-width: 767px) {
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;    
	}

}
.col-sm-5ths {
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	@media (min-width: 768px) {
		-ms-flex:0 0 33.33333%;
		flex:0 0 33.33333%;
		max-width:33.33333%;    
	}
}
.col-md-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	@media (min-width: 992px) {
		-ms-flex:0 0 20%;
		flex:0 0 20%;
		max-width:20%;
	}
}
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	@media (min-width: 1200px) {
        -ms-flex:0 0 20%;
		flex:0 0 20%;
		max-width:20%
	}
}