/* Enter Your Custom CSS Here */

#container ul {list-style-type: disc;margin-left: 0px;}
#container ol {list-style-type: decimal; margin-left: 0px;}
#container li {margin-bottom: 2px;}
#container h1 {font-size: 48px; line-height: 32px; font-family: Helvetica, sans-serif; font-weight: bold; color: #b50000;}
#container h2 {font-size: 36px; line-height: 24px; font-weight: bold;}
#sidebar1 {line-height: 18px;}
#container p {margin-bottom: 10px;}
#container h1, h2, h3 {margin-top: 0px;}

.site-name a {
    color: #ffffff;
    font-weight: bold;
  font-family: Helvetica, sans-serif;
  font-size: 48px;
}

/* 
*
	Change Column Order 
*
*/
@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
  }
   
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
  -webkit-order: 1;
  order: 1;
  }
   
  .second-on-mobile {
  -webkit-order: 2;
  order: 2;
  }
   
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
      margin-bottom: 30px;
  }
 
}