body {
  margin: 0;
background: #12a2fc;
  background-repeat:no-repeat;
  font-family:work sans;
}
.top {
  background: linear-gradient(to bottom, #feffff 0%,#d2ebf9 100%);
  border:2px solid white;
  padding-top:1px;
padding:10px;
  padding-left:2%;
}
.top a {
  color:#12a2fc;
  font-family:albert sans;
  text-decoration:none;
  font-size:120%;
}
.top h2 {
  margin:0 auto;



  
}
.columnsContainer, footer, header { position: relative; margin: .5em; }

.leftColumn, .rightColumn, footer, header {  border: 1px solid  #ccc; 
  background-color:white;
}

.leftColumn { 
  margin-bottom: .5em; 
  padding:10px;
  background-color: #E3F7FC;
}
.leftColumn
h2 {
  color:#D61C2C;
}
.main {
  border: 2px solid #12a2fc;
  border-radius:10px;
  padding-left:1%;
  padding-right:1%;
  color:#12a2fc;
  display:grid;
}
.image table {
display:inline-block;
  padding:10px;
  width:100%;
  margin:0 auto;

  
}
.image img {
  width:100%;
  border-radius:50px;
  border:2px dashed #12a2fc;
  box-shadow:9px 2px 1px 0px #12a2fc, 11px 3px 7px 1px #12a2fc, 7px 6px 5px #12a2fc;
}
.image {
    display:grid;
  justify-self:center;
}
.rightColumn {
  padding:4px;
}
.nav {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.inline-items {
  margin-top: 0;
}

.inline-items li {
  margin-left: 0;
  border-left: 1px solid black;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 10px;
}

.inline-items li:last-child {
  padding-right: 0;
}

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
  .leftColumn { margin-right: 19.5em; }

	.rightColumn { position: absolute; top: 0; right: 0; width: 18.75em; }   
}