@media(max-width: 50em){
  main .-mx-4 {min-width: 80% !important; margin: 0 !important;}
  }

  article img {margin-bottom: 15px;}
  article p {margin-bottom: 5px; /* min-width: 100%;  display: inline-block; */}
  article.align-left, article.align-right { margin: 40px;}

  article ul {list-style: disc; font-size: 20px}
  article ul li {margin-left: 30px; list-style: disc; }

  article p {margin: 20px 0; line-height: 22px; font-size: 20px;}
  article table {border: 1px solid rgb(33, 84, 63); }
  article table th { font-size: 20px; text-align: left;  color: white; background-color: rgb(33, 84, 63);}
  
  .node-content .button a:hover{color: #fff !important;}

.media-oembed-content {position: relative !important; height: unset !important; width: unset !important;}

.layout__region--second {padding: 5%}
.layout__region--first article div{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
}

/*
article div iframe,
article div object,
article div embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 30px;
}
*/