html {
  scroll-behavior: smooth;
}
#divWebPageDetails, #divContentTitle, section p, .homepage-section, #divContentTitleTop {
    font-family: Exo;
    font-size: larger !important;
}
.jumbotron, #divContentTitleWrapper {
    background-image: url(/images/uploadedImages/2396/power-of-the-word-ministries-international-main-background.jpg);
}
#divContentTitleWrapper {
    background-position: center bottom;
}
.jumbotron {
    text-align: center;
    padding: 150px 0px !important;
}
.jumbotron h1 {
    font-family: 'Oswald', serif;
    font-size: 80px;
}
.jumbotron p {
    font-size: x-large;
}
.jumbotron h1, .jumbotron h3 {
    text-shadow: 2px 2px #424040;
}
.jumbotron h3 {
    margin-top: 50px;
    font-weight: 400;
}
/*.box-shadow {
    box-shadow: 2px 5px 20px 1px rgb(148, 149, 151);
}*/
#logo-text-top a, #logo-text-top a:hover {
    font: normal normal normal 30px/1.41em oswald;
    text-decoration: none;
}

/* Reversed Menu Starts */

.black-and-white {
    background-color: #0e1840 !important;
    color: white;
    padding: 15px 0px;
}
#logo-text-top a, #logo-text-top a:hover {
    color: white !important;
}
.navbar-toggler {
    background-color: #bdc4c9 !important;
}
.navbar-nav li a:hover {
    background-color: #bdc4c9 !important;
    color: #000 !important;
}
.navbar-nav li a {
    color: #bdc4c9 !important;
    font-weight: 500;
    text-transform: none;
    font-size: medium !important;    
}

/* Reversed Menu Ends */

/* Simpler website */

.logo { max-width:100px; }

.home-button {
    background-color: #082458;
    border-color: #082458;
    xborder-radius: 48px;
    padding:15px;
    margin-top:30px;
}

#about { background-color: #0e1840 ; color: #ffffff; }
#history { background-color: #0e1840 ; color: #ffffff; }
#gallery { background-color: #f9f1db; }

section#contact {
    background-color: #222;
    color: #fff;
    background-image: url(/images/uploadedImages/2236/contact-us-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-light { padding: 20px 0px;}
.
navbar-nav li a {
    font-weight: 800;
    color: #a5171d !important;
    text-transform: uppercase;
}
.navbar-nav li a:hover {
    background-color: #a5171d !important;
    color: #ffffff !important;
}

.btn-primary { background-color: #063970 !important; }

#events .blogArticleMainPicture {
    max-height: unset;
    overflow: visible;
}
#paypal-frame { 
    height: 190px;
    border: none !important; }
#paypal-form input[type="image"] { width: 100%; max-width: 220px; }

.carousel-item img {
    width: 800px;
    max-width: 100%;
}

#logo-text1-top a, #logo-text1-top a:hover {
    font: normal normal normal 40px/1.41em oswald;
    text-decoration: none;
    color: #a5171d !important;
}
#logo-text2-top a, #logo-text2-top a:hover {
    font: normal normal normal 25px/1.41em oswald;
    text-decoration: none;
    color: #a5171d !important;
}

/********************** For VIDEO Background **********************/
.display-4 {
    padding-bottom: 30px 0px;
    font-size:x-large;
}
header {
    position: relative;
    background-color: black;
    height: 85vh;
    min-height: 55rem;
    width: 100%;
    overflow: hidden;
    padding: 500px 10px;
}
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
header .container {
  position: relative;
  z-index: 2;
}
header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
/* Media Query for devices withi coarse pointers and no hover functionality */
/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */
@media (pointer: coarse) and (hover: none) {
  header {
    background: url('/images/uploadedImages/2395/leadership-university-main-background.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}
/********************** For VIDEO Background **********************/

#logo-text1-top a, #logo-text1-top a:hover {
    font: normal normal normal 30px/1.41em oswald;
    text-decoration: none;
    color: #fff !important;
}
#logo-text2-top a, #logo-text2-top a:hover {
    font: normal normal normal 18px/1.41em oswald;
    text-decoration: none;
    color: #fff !important;
}

@media (max-width:750px){
    .logo { width: 200px; }
     #logo-text-top a, #logo-text-top a:hover { font: normal normal normal 21px/1em oswald; }
     #logo-text-top { margin-right:0px; }
    .navbar-brand { margin-right: 0; }
    .navbar-light { padding: 10px 0px; text-align:center; }
    .jumbotron { padding: 70px 0px !important; }
    .jumbotron-text-only-padding { padding: 80px 0px !important; }
    .jumbotron h1 { font-size: 50px !important; }
    .jumbotron h2 { font-size: 20px !important; }
    .jumbotron h3 { font-size: 20px !important; }
    .social-icon { max-width: 100px; }
    .navbar { display: contents !important; }
    .navbar span { display: flow !important; }
    header { padding: 500px 10px; }
    .display-3 { font-size: 3.5rem; }
}

.logo { 
-moz-box-shadow: 0 0 5px #fff;
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0px 0px 5px #fff;
}