.bellows {
   overflow:hidden; padding-top:1px; padding-bottom:22px; width:100%;  }

.bellows__header {
  position: relative;
  padding:1.8vw 3rem; background-color:#fff; margin-bottom:-1px; border: 1px solid #ddd; border-left: 0; border-right: 0;font-weight: 800;
  
  color:#000; background-color:;
  -webkit-tap-highlight-color: transparent; }
  .bellows__header:active {
     }
  .bellows__header::before, .bellows__header::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    width: 25px;
    height:1px;
    
    background:#000;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
            transition: transform 0.25s ease-in-out;}
  .bellows__header::before {
  
 
    content: '';
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .bellows__header::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after {
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg); }
 
  .bellows__header h1,
  .bellows__header h2,
  .bellows__header h3,
  .bellows__header h4 {
    margin: 0; }

.bellows__content {
  padding: 20px;padding-bottom: 50px; padding-left:3rem; width:100%; padding-right:0px;
  }
  .bellows__content .bellows {
    margin-top: 20px; }
.bellows__content p{ width:100%;line-height: 180%;}


.bellows p {
 font-size:26px;}

  @media screen and (max-width:1500px) {
    .bellows p {
    font-size:24px;}
  }
 @media screen and (max-width:1200px) {
  .bellows p {
    font-size:22px;}
  }
  @media screen and (max-width:800px) {
    .bellows p {
    font-size:20px;}
  }
@media screen and (max-width:500px) {
	
	.bellows p {
    font-size:18px;}
	.bellows__header::before, .bellows__header::after { width: 22px;}
}

@media screen and (max-width:1000px) {

.bellows__header{padding:20px 3rem;}
  .bellows__header::before, .bellows__header::after {  left:0;
   }
}
@media screen and (max-width:500px) {
.bellows__content { padding-left:3rem;  line-height: 25px; }

  .bellows__header::before, .bellows__header::after {  left:0;
   }
   .bellows__content { width:100%;}
}
