body {
  margin: 0;

  font-family: Arial, Helvetica, sans-serif;
background:linear-gradient(45deg, #FDD1D2, #FBEDE0);
 }
.ShelterluvDiv {
width:90%;
margin:auto;
text-align: center;
color:black;

   }

   .topnav {
     position: relative;
     overflow: hidden;
     background-color: #D0AB99;
     height: 50px;
 padding-left: 0;
   }
   
   .topnav a {
     float: left;
     color: #f2f2f2;
     text-align: center;
      padding: 16px 16px;
     text-decoration: none;
     font-size: 100%;
     
   }
 
   .topnav a:hover {
     background-color: #ddd;
     color: black;
   }
   
   .topnav a.active {
     background-color: #04AA6D;
     color: white;
   }
   
   .topnav-centered{
    display: block;
    margin: auto;
    float: none;
    position: absolute;
    top: 49%;
    left: 50%;
   
    transform: translate(-50%,-50%); 

    }
   
   .topnav-right {
     float: right;
   }
   .Name a{
    font-family: Caveat;
    font-size: 50px;
    text-align: center;
    color:black;
    background-color: #D4BBDD;
    box-shadow: 0 0 15px purple;
    }
    
   /* Responsive navigation menu (for mobile devices) */
   
   
   @media screen and (max-width: 600px) {
     .topnav a, .topnav-right{
      float: none;
       display: block;
       padding-top:5px;
       padding-bottom: 5px;
     }
     .topnav {
       font-size: 15px;  
       height:170px;
       height:195px;
     }
     .topnav-centered  {
       position: relative;
       top: 0;
       left: 0;
       transform: none;
       font-size: 25px;
     }
     body p {
      margin:auto;
      padding: 10px;
     }
     .Name a{
      font-size: 30px;
}
     .PageTitle h2 {
 	text-align:center;

}
     
   }
     
  
   .PageTitle h2 {
    padding-top: 3px;
    font-size: 20px;
   
    
  }


   .Name a:hover {
    background-color: #D4BBDD;
    
   }
   h2, p {
    padding-left: 3px;
   }