body {
  
  link=#BD0000;
  vlink=#D70000;
  font-family: Verdana;
}

 h2 {
    font-weight: 600;
    line-height: inherit;
     letter-spacing: -1px;
     color: #white;
    font-size: 2em;
    padding-bottom: 2px;  text-shadow: 2px 3px 3px #000000;
  }

.mn {
display: inline-block;

}
.center {
text-align: center;
}
.mn a {
color: black;
background-color: #FFFFFF;
float: left;
padding: 8px 11px;
text-decoration: text-decoration:underline;
border: 1px solid #000000;
margin: 0 1px; 
font-size: 12px;
font-weight:bold;
font-family:"Verdana";
}
.mn a.active {
background-color: #00FFFF;
border: 1px solid #000000;
}
.mn a:hover:not(.active) {background-color: #00FFFF}
.mn a:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.mn a:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

}

* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;

}
.row:after {
content: "";
clear: both;
display: table;
}
[class*="col-"] {
float: center;
padding: 3px;
width: 100%;
}
@media screen and (min-width: 600px) {
.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12 {width: 100%;}
} 
@media screen and (min-width: 768px) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
.mid {
background-color: #F4F4F4;
padding: 35px;
margin: 20px;
color: #000000;
text-align: center;
font-family:Verdana;
font-size: 16px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.12), 0 3px 3px rgba(0,0,0,0.24);
}
/* styles for mobile */
@media screen and (max-width: 820px) {
	
.mn a {
font-size: 12px;
padding: 6px 11px;
}