@import "../bootstrap/scss/functions";
@import "../base/functions";
@import "../base/variables";
@import "../bootstrap/scss/variables";
@import "../bootstrap/scss/mixins";


// Base
.image {

}

.image-1 {

}

// Image decor
.image-decor {
	position: relative;
	padding-bottom: 75%;
}

.image-decor-item {
	position: absolute;
}

.image-decor-item-1 {
	left: 17%;
	bottom: 0;
	width: 61%;
}

.image-decor-item-2 {
	left: -5%;
	width: 18%;
	top: -16%;
}

.image-decor-item-3 {
	left: -12%;
	top: 35%;
	width: 54%;
}

.image-decor-item-4 {
	right: 9%;
	top: -5%;
	width: 22%;
}

.image-decor-item-5 {
	right: -1%;
	bottom: -38%;
	width: 65%;
}

// Media
@include media-breakpoint-up( xxl ) {
	.image-1 {
		max-width: 699px;
	}
}