.lisgoa-button { background-color: #0e167d;  background-size: 95%; background-position: center; background-repeat: no-repeat; border: 0px solid #000; box-shadow: 0px 0px 20px -10px #868686; height: 150px; }
.lisgoa-button:hover { background-color: #ffffff;  background-size: 80%; border: 0px solid #000; box-shadow: 0px 0px 20px -10px #868686; border-top: 35px solid #ff9000 !important; border-bottom: 35px solid #32cd32 !important; }
.scripture { width: 800px; margin: 40px auto; }
.lisgoa-button { width: 250px; padding: 10px 10px; background-color: #0e167d;  background-size: 95%; background-position: center; background-repeat: no-repeat; border: 0px; box-shadow: 0px 0px 20px -10px #868686; height: 150px; margin: 0 auto; display: block; transition: all 0.3s ease-in-out; }
.lisgoa-button:hover { background-color: #ffffff; background-size: 25%; border-top: 35px solid #ff9000 !important; border-bottom: 35px solid #02b104 !important; box-shadow: 0px 0px 20px -10px #868686; }
#book-forus button:hover { background-color: green !important; }
.info-container h1 { width: 700px; color: navy; font-size: 35px; line-height: 60px; margin-bottom: 80px; margin: 0px auto 0px; }
.info-container p { font-weight: 100; margin: 20px auto 50px; font-size: 14px; width: 500px; }
.emblem-base { text-align: center; z-index: -2; position: absolute; max-width: 800px; width: 100%; transform: translateX(0%) translateY(-50px); }
.emblem-north { text-align: center; z-index: -2; position: absolute; max-width: 800px; width: 100%; transform: translateX(0%) translateY(-120px); }
.central-container { margin-top: 200px; margin-bottom: 100px; }

@media (max-width: 768px) {
  .scripture { width: 100% !important; margin: 40px auto; }
  .info-container { width: 100%; }
  .info-container h1 { width: 100%; }
  .info-container p { width: 100%; margin-top: 0px; }
  .emblem-base, .emblem-north { border: 0px solid #000; width: 100%; position: relative; }
  .emblem-north { text-align: center; z-index: -2; max-width: 800px; transform: translateX(0%) translateY(0px); }
  .scripture { margin: -10px auto; }
  .emblem-base { transform: translateX(0%) translateY(-0px); }
  .central-container { margin-top: 80px; }
  .navbar { top: 0px; }
}

@media (max-width: 768px) {
  .info-container h1 { width: 100%; line-height: normal; font-size: 25px; margin-bottom: 10px; }
  .info-container img { width: 80%; }
}