body {
  background-color: #2A4E72

  /* #4383C4
*/
  

  /* old:  #8CAA88; /// new #1b80ac 2461ce */
}

.link-container {
}

*{
  margin: 0;
  padding: 0;
}

img {
  border-radius: 50%;
  max-width: 150px;
  margin-top: 50px;
  margin-bottom: 10px;

}

.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.center-table {
  margin-left: auto;
  margin-right: auto;
}

.wrapper {
    min-height: calc(100vh - 200px); /* 100% of view height - (50 for header and 40 for footer ...and 90 for idk) */
    max-width : 800px;
}


a {
  text-decoration: none;
  color: #fff;
}


.link-button{
 color: #222;
font-family: 'Cormorant Garamond', serif;
 font-size: 1.1em;
 font-weight: 300;
 line-height: 1.2;
 letter-spacing: 1px;
 background-color:#fff;
 padding: 15px 15px;
}

.table-spacing{
   border-spacing:30px;
   border-collapse: separate
}


table, th, td {
  /*border: 1px solid black; */
  width: 100%;
  max-width:950px;

}





p { /* This might not do anything do to skeleton -- I don't have time today
  font-size: 1em; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-family: 'Cormorant Garamond', serif;
  color: #222;
  -webkit-font-smoothing: antialiased;

}

 /*{
  font-family: 'Cormorant Garamond', serif;
  font-weight:800;
}*/

h5, h4, h3, h2 {
    /*font-family: 'jost', sans-serif; /* Change Header Font here! Name font is under name :)*/
     font-family: 'Syne', sans-serif;  /* Name font */
 font-weight: 500;
 letter-spacing: 2px;
  margin-bottom: 4px;
  color: #fff;

}