/* Move to global css file */ 

/* Module specific css */ 

.section.section--full-img {
  position: relative;
  padding: 0 !important;
}


.contentblock .text--basic {
  max-width: 300px;
}

.section--full-img .coll {
    display: flex;
    align-items: center;
  }
.section--full-img .contentblock {
    padding: 30px 30px 30px 40px;
}
 .section--full-img .container {
    padding: 0;
}
  .section--full-img .container {
    display: flex;
    align-items: stretch;
  }
.section--full-img.img-left .container {
    max-width: 100% !important; 
    margin: 0; 
}
.section--full-img.img-right .container {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.section--full-img.img-right .contentblock {
  padding-left: 15px;
}
.section--full-img.img-right .image {
  position: absolute;
  right: 0;
  top: 0;
}

.section--full-img .coll {
    min-height: 600px;
  }
 .section--full-img .image {
      min-width: 40%;
}



@media (min-width: 992px) {
  .section--full-img .a-btn:not(.a-btn--action) {
    width: 100%;
    max-width: 300px;
  }
  .section--full-img .image {
      min-width: 60%;
}
  .section--full-img.img-right .image {
    min-width: 50%;
  }
  .section--full-img .coll:not(.image) {
      max-width: 50%;
  }
  
  .section--full-img .imageblock {
    padding: 30px;
  }
  .section--full-img .contentblock {
    padding: 30px 30px 30px 90px;
    max-width: 430px;
    margin-bottom: 0;
  }
   .section--full-img.img-right .contentblock {
    max-width: 560px;
  }
}
@media (max-width: 991px){
  
}
@media (max-width: 991px) and (min-width: 541px){
  .section--full-img.img-right .coll:not(.image) {
    max-width: 50%;
  }
}

@media (max-width: 540px) {
  .section--full-img .container {display: block;}
  .section--full-img .coll {
    min-height: 200px;
  }
  .section--full-img.img-right .image {
    position: static;
  }
  .section--full-img .contentblock .text--basic {
    max-width: 100%;
  }
}

{# style 1 #}
.section--full-img.proportion--style1 .contentblock {
    max-width: 600px;
}
@media(min-width: 992px){
    .section--full-img.proportion--style1 .image {
    	min-width: 53%;
	}
}

{# style 2 #}
@media(min-width: 1921px){
.section--full-img.proportion--style2 .contentblock {
    max-width: 600px;
}
  .section--full-img.proportion--style2 .contentblock .text--basic {
    max-width: 420px;
  }
}