/*paragraph font size */
.com-content-article__body p
{
  font-size: 1.15em;
}

/*event description paragraph font size */
.eb-description-details p
{
  font-size: 1.15em;
}
/* EB Event Titles were too big by default */
.eb-event-title{
  font-size: .75em;
}

.com-content-article__body h1, h2
{
  color: #b3782a;
  margin: 0px;
  padding: 0px;
  line-height: 1.2;
  /* 1.2 times the font size */
}

/* this is the grey color from logo */
.com-content-article__body h3, h5
{
  color: #6387a8;
  margin: 0px;
  padding: 0px;
  line-height: 1.2;
  /* 1.2 times the font size */
}



/* cause article and event image to be centered */
.float-center.item-image, .eb-description-details{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

/* Experiment with FlexBox */
.container-1 {
  display:flex;
  /*flex-direction:row; */
  
  /*
   align-items:flex-start;
   align-items:flex-end;
   align-items:center;
      
   flex-direction:column;
  */
}

.headline-container{
  display:flex;
  flex-direction:row;
}

 .container-1 div, .headline-container div, .container-3 div{
    /* border:1px #ccc solid; */
    padding:5px;
  }

.box-1 {
    flex:2;
    order:2;
}
  
.box-2 {
    flex:1;
    order:1;
}
  
.box-3 {
    flex:1;
    order: 3;
}

.headline-image-box{
  flex:1;
}

.headline-text-box{
  flex:3;
}

.container-offerings{
  margin: 2px auto;
  padding: 10px;
  display: flex;
  flex-direction:row;
  gap: 10px;
  /* border:1px #ccc solid; */
}


.item-offerings{
  padding: 6px;
  border:1px #ccc solid;
  
}

@media (max-width: 800px) {
  .container-offerings {
   flex-direction:column;
  }
}


@media (max-width: 600px) {
  .headline-container {
    flex-direction:column;
  }
}