.row.moreMargin {
    margin-top: 40px !important;
}
.row.moreMargin.homeWideContainer {
    max-width: none !important;
}
.row {
    box-sizing: border-box;
    width: 90%;
    max-width: 1250px; 
    margin: 0px auto 40px;
}

div#bookstore {
    margin: 0px 0px 50px;
}

.widerWidth .container {
    width: 90%;
    max-width: 1250px;
    margin: 0px !important;
    padding: 0px;
}


/* Create two equal columns that floats next to each other */
.leftcolumn {
  float: left;
  width: 75%;
  padding: 20px;
  box-sizing: border-box;
}

.rightcolumn {
  float: left;
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
	font-size: 0.80em;
}
.rightcolumn h2 {
    font-size: 2em;
}

.twocol {
  float: left;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
.fourcol {
  float: left;
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
}

.fourcol p {
    font-size: 15px !important;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.tbrtable, .wideContent {width: 90%; max-width: 1200px; margin: auto;}

.wysiwyg table {
    width: 90% !important;
    margin: auto;
    max-width: 1200px;
}

.wysiwyg td {
    padding: 18px 15px 17px 10px !important;
}

.fullwidthImage {width: 100%; height: auto;}
.rowSchedule {
    margin: 80px 0px;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 980px) {
	.twocol, .fourcol {width: 50%;}
}

@media screen and (max-width: 600px) {
  .leftcolumn, .rightcolumn, .twocol, .fourcol {
    width: 100%;
  }
}


/* Calendar Styling */

.hero {
    display: flex;
    min-height: 13em;
    position: relative;
    background: #ffffff;
    color: #000000 !important;
    border-top: 2px solid #000000;
}

.hero-text h1 {
    font-size: 2.5em;
    margin: 0;
    color: #000000;
}


.hero-text p {
    font-size: 1.35em;
    margin: 0.6em 0 0;
    color: purple;
}


.hero-section h2 {
    text-align: center !important;
}