@import url("https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy");
@import url(//fonts.googleapis.com/css?family=Quicksand:700);

html, body {
    height: 100%;
    width: 80%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
    font-family: Quicksand, Trebuchet MS;
//    font-family: Sorts Mill Goudy;
//    color: #003366;
    color: #00447C;
//    font-size: 120%;
}

h1 { 
  margin-top: 0.01em;
  margin-bottom: 0.01em;
}

img.alignbottom {
  vertical-align: text-bottom;
}

ul {
    list-style-position: inside;
    list-style-type: circle;
    padding-left: 0;
}

/*
ul li::before {
  // change list-style-type to none

  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
*/

.row {
  display: flex;
  line-height: 200%;
}

.column {
  flex: 50%;
}

.vl {
  border-left: 2px solid #00447C;
  padding-left: 1em;
}

input[type=button] {
  background-color: #00447C;
  border: none;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}

input[type=submit] {
  width:100%;
  background-color: #00447C;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}