body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 8px;
    border: 1px solid #A8A8A8;
}

.maintitle {
    padding:          25px;
    text-align:       center;
    background-color: #800000;
    font-family:      Georgia, Garamond, 'Times New Roman', serif;
}

.uptitle {
    color:            yellow;
}

.subtitle {
    color:            #FFFFFF;
}

.secttitle {
    font-weight:      600;
    font-size:        1.85em;
    text-align:       center;
    color:            #800000;
    border-bottom:    2px solid maroon;
    font-family:      Garamond, Georgia, 'Times New Roman', serif;
}

.container {
  padding: 0 16px;
}

.container > p:hover {
    border-bottom: 1px solid red;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.navbar            {
    display:        flex;
    background-color: #550a0a;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000; }

.navbar a         { 
    color: white;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center; }

.navbar a:hover   {
    background-color: #B02F12;
    color:            #FFF000; }

.menu-holder {
    width:          auto;
    margin:         auto;
    padding:        14px 20px;
    font-family:      Georgia, Garamond, 'Times New Roman', serif;
}

.lessons {
    font-weight:     600;
    text-decoration: none;
    color:           blue;
    font-size:       1.125em;
    font-family:     Georgia, Garamond, 'Times New Roman', serif; }

a.lessons:visited {
  text-decoration:   none;
    color:           blue;
}

a.lessons:hover {
    color:           red; }

a.lessons:active {
    color:            orange;
}

.topics {
    font-weight:     600;
    text-decoration: none;
    color:           blue;
    font-size:       1.015em;
    font-family:     Garamond, Georgia, 'Times New Roman', serif; }

a.topics:visited {
  text-decoration:   none;
    color:           maroon;
}

a.topics:hover {
    color:           red;
}

a.topics:active {
    color:            orange;
}

.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
    font-family:     Garamond, Georgia, 'Times New Roman', serif;
}

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}

.paratitle {
  color: grey;
}

.button1 {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button1:hover {
  background-color: #555;
}