btn{
   position:relative;
   background-color: lightgrey;
   color:#002347;
   font-size:1.2em;
   font-weight:300;
   text-shadow:none;
   border-radius:0px;
   text-decoration: none;
}

.btn:hover{
   /*background: #002347;*/
   background-color: lightgrey;
   color:#002347;
   /*box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.22);*/

   font-style: italic;
   
}

#modalContent{
   position:absolute;
   top:30%;
   left:35%;
   z-index:6;
   float:left;
   margin:-2% 0px 0px -150px;
   width:700px;
   color:#888888;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #002347;
   box-shadow:5px 5px 10px 0px rgba(0,0,0,0.22);
}

#modal{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:none;
   opacity:0;
}

#modal > a{
   position:fixed;
   top:0px;
   left:0px;
   z-index:1;
   float:left;
   width:100%;
   height:100%;
}

:target{
   display:block!important;
   opacity:1!important;
}

#modalContent > a{
   position:absolute;
   top:-4px;
   right:-4px;
   color: #fff;
   border-radius:2px;
   background:#002347;
   padding:10px;
   font-size: 30px;
   text-decoration: none;
}

h2{
    color: #002347;
    text-align: center;
}