section.callout-section {
	 padding: 2.5rem;
}

 section.callout-section .main-internal {
    display: flex;
    justify-content: center;
}
 section.callout-section.section-wrap--shade {
	 margin-bottom: 0px;
}
 section.callout-section .callout {
	 align-items: center;
	 margin: 2.5rem;
	 background-color: #fff;
	 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	 padding: 0;
	 min-width: 60vw;
}
 section.callout-section .callout .teaser {
	 align-items: flex-start;
	 padding: 2.5rem;
	 box-sizing: border-box;
}

section.callout-section .callout .teaser .teaser__body {
    display: block;
    width: 100%;
    height: 100%;
}

section.callout-section .callout .teaser .teaser__body .head {
	 color: #000;
}

section.callout-section .callout .teaser .teaser__icon {
	 width: 100%;
	 height: auto;
	 display: flex;
	 min-width: 80px;
	 max-width: 120px;
	 align-items: center;
	 justify-content: center;
}
 section.callout-section .callout .teaser .teaser__button {
	 margin-top: 20px;
}
 section.callout-background-image {
	 background-repeat: no-repeat !important;
	 background-size: cover !important;
	 background-position: center !important;
}
 section.callout-background-image .callout {
	 opacity: .9;
}
 .callout {
	 background-color: #fff;
	 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	 max-width: 55rem;
}
 .callout .teaser .teaser__icon svg {
	 width: 100px;
	 height: 100px;
	 color: #744f28;
}


/*-------------MEDIA BREAKPOINTS-----------*/

@media screen and (max-width: 768px) {
     section.callout-section {
         padding-left: 0;
         padding-right: 0;
     }
     
	 section.callout-section .callout {
		 margin: 0 !important;
	}
}
 @media screen and (max-width: 992px) {
	 section.callout-section .callout .teaser {
		 flex-direction: column!important;
	}
}