article#content {
    padding: 4% 5% 0%;
}

div#notice {
  margin-bottom: 16px;
  padding: 1px 16px;
  background-color: #EBEDEF;
  border-left: 3px solid #FCCB41;
  border-radius: 2px;
}
div#notice span {
  color: #F44336; 
  font-weight: 400;
}

div.cell {
  display: flex;
}

div.cell section {
  overflow: hidden;
  flex: 1;
  width: 49%;
  margin-bottom: 1em;
  margin-right: 1%;
  background-color: #EBEDEF;
  border-radius: 2px;
}
article#content section:nth-child(even) {
  margin-left: 1%;
  margin-right: 0%;
}
article#content div:nth-child(1) section:nth-child(2) {
  background-color: #0C1021;
}

article#content section h2 {
  margin: 0;
  padding: 8px 16px 8px;
}

article#content section p {
  margin: 0;
  padding: 16px 16px 8px;
}

a#learnMore {
  /*float: left;*/
  margin: 0 16px 16px;
  padding: 8px 16px;
  text-decoration: none;
  font-weight: 400;
  background-color: #0074E8;
  color: white;
  border-bottom: 3px outset blue;
  transition: all 500ms ease-in-out;
  border-radius: 6px;
}

a#learnMore:hover {
  border-color: #22DF6E;
  background-color: #112244;
}

iframe {
  border-width: 0;
  border-radius: 2px;
}

article#content section img {
  float: right;
  height: 200px;
  margin-left: 16px;
  margin-bottom: 0;
  border-radius: 3px;
  box-shadow: 2px 2px 5px darkgrey;
}


ul.bulletLink {
 list-style: none; 
  margin: 0px;
  padding: 0px 0px 0px 16px;
}

ul.bulletLink li {
  margin-bottom: 12px;
  padding: 0px 16px 0px 25px;
  background: url("../icon/circle.png") no-repeat 0px/10px;
}

ul.bulletLink a {
  padding: 0;
  margin: 0;
  border: none;
  font-weight: 400;
}

ul.bulletLink span {
  display: block;
  font-size: 0.8em;
}

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

  div#notice {
    margin-bottom: 2.5%;
  }

  article#content {
    padding: 58px 2.5% 0px;
    padding-bottom: 0px;
  }

article#content div.cell {
    display: block;
    font-size: 0.85em;
}


article#content section {
  width: 100%;
  margin-bottom: 2.5%;
}
  article#content section:nth-child(even) {
  margin-left: 0%;
}

  article#content section img {
    height: 90px;
    margin-bottom: 8px;
  }
  
  

  a#learnMore {
    float: none;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 8px 0px;
    text-align: center;
  }

  iframe {
    min-height: 160px;
  }

}