/* CSS Document */
body {
    margin:0;
    padding:0;
    word-wrap:break-word;
    font-family: "Comic Sans MS", sans-serif;
    background:#2dd8b3;
    font-size:14px; 
}

#page-wrapper,header{
    width:100%;
    max-width:1160px;
    padding:0 1em;
    margin:0 auto;
}

nav {
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content:space-around;
  margin:1em 0;
}
nav a:link,
nav a:visited,
nav a:hover,
nav a:active{
  text-decoration:none;
}
.nav-button{
background-color:#bdcffd;
  text-decoration:none;
  color:#32381d;
  font-family:"Times New Roman",serif;
  font-weight:normal;
  text-decoration:none;
  text-align:center;
  text-transform:none;
  font-style:italic;
  width:135px;
  height:auto;
  font-size:24px;
  display:inline-block;
  cursor:pointer;
  padding:5px 2px;
  margin:2px 0;

}
.nav-button:hover{
  color:#bdcffd;
  background-color:#32381d;
}
.row{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
.row .col{
    width:auto;
    margin:10px;
    padding-bottom:30px;
}
.cd-wrapper{
    text-align:center;
    padding-bottom:40px;
    margin-bottom:50px;
    border-bottom:1px dashed rgba(0,0,0,0.3);
}
.cd-wrapper .row .col img{
    width:100%;
    max-width:520px;
    margin:10px;
}