.section-background1 {margin: 0 auto; text-align: center; background-color: #fff; width: 100%;  border: 0px solid blue; padding-right: 5px; padding-left: 5px;}
  .section-background2 {margin: 0 auto; text-align: center; background-color: #fafafc; width: 100%; border: 0px solid blue; padding-right: 5px; padding-left: 5px;} 
  .section-background3 {margin: 0 auto; text-align: center; background-color: #FFFAFA; width: 100%; padding-right: 5px; padding-left: 5px;}
  .section-background4 {margin: 0 auto; text-align: center; background-color: #fafafc; width: 100%; padding-bottom: 50px; padding-right: 5px; padding-left: 5px;} 





  .center-container {margin: 0 auto; max-width: 900px; padding: 0px 10px 10px 10px; }
  .divider {border-top: 2px solid #edbb5f; width: 60px; margin-bottom: 0px! important; display: none;}
  .tiny-header {font-family: 'Lato'; font-size: 16px; line-height: 1.4em; font-weight: bold; color: #3b5998; padding: 20px 10px 0px 10px;} /*old #9a7617;*/
  .section-header {font-size: 24px; line-height: 1.4em; padding-top: 10px; max-width: 60%; border: 0px solid blue;  font-family: 'Nunito Sans'; line-height: 1.4em; font-weight: bold; margin: 0 auto; }
  .section-subheader {font-family: 'Nunito Sans'; line-height: 1.4em; font-weight: bold; margin: 0 auto; padding: 0px 0px 8px 0px; }
  .section-background1 p {text-align: left;}
  .section-background2 p {text-align: left;}
  .section-background3 p {text-align: left;}
  .section-background4 p {text-align: left;}
  
  .tiny-header {text-transform: uppercase;}
  

/*635 x 235 - for short text
620 x 575 for longer text
*/
/*@media only screen and (max-width: 4480px) {
.section-background1 .center-container {display: block; margin-top: 10px; margin-bottom: 0px;}
.section-background2 .center-container {*//*display: inline-block;*/ /*margin-top: 10px; margin-bottom: 10px; border: 0px solid blue; }
.section-background3 .center-container {*//*display: inline-block;*/ /*margin-top: 10px; margin-bottom: 10px;}
.section-background4 .center-container {display: block; margin-top: 10px; margin-bottom: 10px;}
.section-background2 .image {float: right; max-width: 50%; padding-left: 15px; }
.section-background3 .image {float: left; max-width: 50%; padding-right: 15px;}
.image img {width: 100%; max-width: 720px; border: 0px solid #fff;}

.section-header {font-size: 36px; line-height: 1.4em; padding-top: 10px; max-width: 60%; border: 0px solid blue;}
.section-background1 .text-area {}*//* covered by p tag above*/
/*.section-background2 .text-area {*//*float: right; width: 40%; padding-right: 40px; border: 0px solid red;*/ /*}
.section-background3 .text-area {*//*float: left; width: 40%; padding-left: 40px;*//*}
.section-background4 .text-area {}
.section-background1 .divider, .section-background2 .divider, .section-background3 .divider, .section-background4 .divider{margin: 0 auto; margin-top: 20px; margin-bottom: 0px;}
}*/
@media only screen and (max-width: 800px) /*landscape mode on S21*/ {
.image {margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: 20px; border: 0px solid blue;}
.image img {width: 100%; border: 0px solid #fff;}
.tiny-header {font-size: 15px;}
.section-header {max-width: 95%; font-size: 24px; line-height: 1.4em; padding-top: 10px; border: 0px solid red;}
.section-background1 .image, .section-background2 .image, .section-background3 .image {max-width: 100%; float: none;}
.section-background1 .text-area, .section-background2 .text-area, .section-background3 .text-area, .section-background4 .text-area {width: 100%; padding: 0px; text-align: left;}
.section-background1 .divider, .section-background2 .divider, .section-background3 .divider, .section-background4 .divider {margin: 0 auto; margin-top: 10px; margin-bottom: 0px;}
.center-container {margin: 0 auto; text-align: center; padding: 10px 30px 0px 30px; border: 0px solid purple; }
}

@media only screen and (max-width: 600px) {
.image {margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: 20px; border: 0px solid blue;}
.image img {border: 0px solid #fff;}
.tiny-header {font-size: 14px;}
.section-header {max-width: 95%; font-size: 18px; line-height: 1.4em; padding-top: 10px; border: 0px solid green;}
.section-background1 .image, .section-background2 .image, .section-background3 .image {max-width: 100%; float: none;}
.section-background1 .text-area, .section-background2 .text-area, .section-background3 .text-area, .section-background4 .text-area {width: 100%; padding: 0px; text-align: left;}
.section-background1 .divider, .section-background2 .divider, .section-background3 .divider, .section-background4 .divider {margin: 0 auto; margin-top: 10px; margin-bottom: 0px;}
.center-container {margin: 0 auto; text-align: center; padding: 10px 30px 0px 30px; border: 0px solid red;}
.section-background1, .section-background2, .section-background3, .section-background4 {margin-bottom: 0px; padding-bottom: 5px; border: 0px solid red;} 

}

/*.item {display: inline-block; border: 1px solid blue;}*/