/*================ Техническая разметка ================*/
/* 
    .banner_me{border: 2px solid red;}
    .banner_me .text{border: 2px solid green;}
    .banner_me .footer{border: 2px solid green;} 
*/


/*========= PRIVATE (Ты мне нужен тут, и больше нигде) =========*/

/* блоки */	

.banner_wrapper {
    max-width: 590px;
    min-height: 323px;
    padding: 21px 35px;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    color: white;
    background: url(img/img-bg.png);
    background-size: contain;
    background-blend-mode: color-dodge;
    position: relative;
    overflow: hidden;
}


/* текст, кнопка, картинка */

.banner_top h4 {text-transform: uppercase;}
.banner_bottom {width: 100%;} 
.banner_bottom {display: flex; justify-content: space-between; align-items: end;}


.banner_wrapper .banner_bottom img {
    width: 280px;
    height: 280px;
    position: absolute;
    right: -70px;
    top: -70px;
    object-fit: cover;
	border-radius: 100%;
	object-position: right center;  
}


.marketing_banner .row .col-12:nth-child(1) .banner_bottom img{object-position:center;}
.marketing_banner .row .col-12:nth-child(2) .banner_bottom img{object-position: center;}



/* мобильник */

@media (max-width: 768px){
	.banner_bottom img {
		width: 108px;
		height: 61px;}
		
	.banner_top h4 {
		font-size: 20px;}	
		
}


@media (max-width: 767px){
	.banner_wrapper {
		margin: 10px auto;}
	.banner_bottom img{width: 138px; height: 127px;}
	.banner_top h4 {font-size: 25px;}
}



@media (max-width: 414px) { 
	.banner_bottom img {display: none;}
	.banner_wrapper {justify-content: center; align-items: center;}
	.banner_top h4 {font-size: 20px;}
	.banner_bottom {align-items: flex-start; justify-content: center;}
	.banner_top{text-align: center; justify-content: center;}	
}