/*========================================================
	 three, four, five column
========================================================*/


.paragraph--position--four > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
  margin: 0px var(--gapsmallestminus) var(--gapsmallerminus);
}

 
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
  padding: 0px var(--gapsmallest);   margin-bottom: var(--gapsmaller);display:flex;
}


.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{width:33.333%;}
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{width:25%;}

@media all and (max-width: 720px) {

.paragraph--position--four > .paragraph-content > .paragraph-content-list, 
.paragraph--position--three > .paragraph-content > .paragraph-content-list {
  justify-content: center;
}

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
width:50%;
}

}

@media all and (max-width: 600px) {

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
	width:100%; 
    max-width: 600px; 
}

}




/*===============================================================
	two
===============================================================*/

.paragraph--position--two > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px  var(--gapsmallminus);
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{
padding:0px var(--gapsmall);display:flex;width:50%;
}

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:first-child{
margin-left:0px;margin-right:auto;
}

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:last-child{
margin-left:auto;margin-right:0px;
}


@media all and (max-width: 720px) {


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{
	width:100%;
}

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:first-child{
margin-bottom:var(--gap);
}


}

/*========================================================
	paragraphs group
========================================================*/

.paragraph--position--bottom > .paragraph-content > .paragraph-content-list{align-items: end;}
.paragraph--position--top > .paragraph-content > .paragraph-content-list{align-items: start;}
.paragraph--position--center > .paragraph-content > .paragraph-content-list{align-items: center;}
.paragraph--position--inherit > .paragraph-content > .paragraph-content-list{align-items: inherit;}



/*===============================================================
	image
===============================================================*/

.paragraph--type--image img{
   width:100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
} 



/*===============================================================
	image - text
===============================================================*/

.paragraph-img-txt{
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}


.paragraph--position--top .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 1;}

.paragraph--position--top .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 0;}

.paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt-image{  order: 1;}

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-body{  order: 0;}

.paragraph--position--bottom .paragraph-img-txt-image{ width:100%;}
.paragraph--position--bottom .paragraph-img-txt-body{ width:100%;}
.paragraph--position--top .paragraph-img-txt-image{ width:100%;margin-bottom:30px;}
.paragraph--position--top .paragraph-img-txt-body{ width:100%;}


.paragraph-img-txt-image img{width:100%;  }

.paragraph-img-txt-image{position:relative;line-height:1px;}

div.paragraph-img-txt-body{

}

.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image{
width:50%;
padding-left:var(--gapsmaller);
}

.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:50%;padding-right:var(--gapsmaller);

}




.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 0px 0px 50px;width:50%;  align-self: center;
}

.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 50px 0px 0px;width:50%;  align-self: center;
}

 .person.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image,
 .person.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image,
.slogem.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:30%;margin-bottom:20px;
}

.person.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
.person.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.slogem.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
width:70%;  margin-bottom:0px;
}



@media all and (max-width: 720px) {

 


.paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 2;}

.paragraph--position--right .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 1;}


.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image,
.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image,
div.paragraph-img-txt-image{
width:100%;padding-right:0px;padding-left:0px;
}

.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
div.paragraph-img-txt-body{
  margin-bottom: 30px;

width:100%;padding:0px 0px 0px 0px;
}

.person.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image,
.person.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image,
.slogem.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:100%;order:1;
}

.person.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
.person.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.slogem.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
width:100%;  order:2;
}



}



/*===============================================================
	text - block
===============================================================*/

.paragraph-txt-block {

}

.paragraph-txt-block  .center{
  display: flex;
  justify-content: start;
  align-items: start;flex-wrap:wrap;
}

.paragraph-text{
width:50%;padding-right:30px;
}

.paragraph-block{
width:50%;padding-left:30px;
}

@media all and (max-width: 720px) {


.paragraph-text{
width:100%;padding-right:0px;margin-bottom:40px;
}

.paragraph-block{
width:100%;padding-left:0px;
}

}