/* CSS DOCUMENT */
@font-face {  

         font-family: "Klinic Slab"; 

         src= ("http://www.geocities.ws/breannaconradsnhu/font/Klinic Slab/KlinicSlab_Personal_License/KlinicSlabBookIt.oft"); 

     } 

      

.bg { 

        background-image: url("http://www.geocities.ws/breannaconradsnhu/indeximages/tomatoboard.jpg"); 

        min-height: 100%; 

        background-repeat: no-repeat; 

        background-attachment: fixed; 

        background-position: center; 

        background-size: cover; 

    }     

          

    /* LOGO CENTER */ 

.center { 

  display: block; 

  margin-left: auto; 

  margin-right: auto; 

  width: 100%; 

}      

  

  

      

      

/* NAVIGATION BAR */ 

     

.navbar { 

  overflow: hidden; 

  background-color: #5e1211; 

  font-family: Arial; 

} 

  

/* Links inside the navbar */ 

.navbar a { 

  float: left; 

  font-size: 20px; 

  color: #d8c6b8; 

  text-align: center; 

  padding: 14px 16px; 

  text-decoration: none; 

} 

  

/* The dropdown container */ 

.dropdown { 

  float: left; 

  overflow: hidden; 

} 

  

/* Dropdown button */ 

.dropdown .dropbtn { 

  font-size: 20px;  

  border: none; 

  outline: none; 

  color: #d8c6b8; 

  padding: 14px 16px; 

  background-color: inherit; 

  font-family: inherit; /* Important for vertical align on mobile phones */ 

  margin: 0; /* Important for vertical align on mobile phones */ 

} 

  

/* Add a red background color to navbar links on hover */ 

.navbar a:hover, .dropdown:hover .dropbtn { 

  background-color: #cf1c44; 

} 

  

/* Dropdown content (hidden by default) */ 

.dropdown-content { 

  display: none; 

  position: absolute; 

  background-color: #5e1211; 

  min-width: 160px; 

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 

  z-index: 1; 

} 

  

/* Links inside the dropdown */ 

.dropdown-content a { 

  float: none; 

  color: #d8c6b8; 

  padding: 12px 16px; 

  text-decoration: none; 

  display: block; 

  text-align: left; 

} 

  

/* Add a grey background color to dropdown links on hover */ 

.dropdown-content a:hover { 

  background-color: #cf1c44; 

} 

  

/* Show the dropdown menu on hover */ 

.dropdown:hover .dropdown-content { 

  display: block; 

} 

  

/* VIP CONTENT BOX */ 

.vip { 

    background-color: #5e1211; 

    width: 600px; 

    position: absolute; 

    top: 70%; 

    right: 2%; 

     

} 

     

.p { 

color: #d8c6b8; 

text-align: center; 

font-size: 20px; 

    

}  

      

.map { 

    background-color: #5e1211; 

    position: absolute; 

    top: 70%; 

    left: 2%; 

} 

         /* LOGO CENTER */ 

.center { 

  display: block; 

  margin-left: auto; 

  margin-right: auto; 

  width: 100%; 

}