/* This CSS is for the popup modal that appears on the homepage */



.modal-wide {
   position: absolute;
  
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
}

/* popup modal load position on the page */
.modal-dialog {
     top: 178px;
}

.modal.modal-wide .modal-dialog {
  width: 500px;
}

.modal-wide .modal-body {
  overflow-y: auto;
}

.modal-body {
  padding: 2px;
  font-size: 17px;
}

.modal-footer {
  padding: 5px;
}

.modal-header {
  font-size: 18px;
  font-weight: bold; 
  font-family: Verdana, sans-serif;
}

.signature {
  font-size: 28px; 
  font-weight: bold; 
  font-family: Brush Script MT, cursive;
}

body { 
  text-align: center; 
}

body p { 
  max-width: 400px; 
  margin: 10px auto; 
  font-family: Tahoma, sans-serif;
}

button.close:hover {
    color: red;
    opacity: 0.8; 
}

#popup1 .modal-body p { 
    margin-bottom: 0px; 
}

#popup2 .modal-body p { 
    margin-bottom: 0px; 
}