html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    font-size: 1.2em;
}

.bg {
    background-image: url('../img/bg.png');
    background-size: cover;
    background-repeat: repeat-y;
    x-margin: 50px;
    background-attachment: fixed;
    background-repeat: repeat;
}

.bg1 {
    background-image: url('../img/bg1.png');
    background-size: cover;
    background-repeat: repeat-y;
    x-margin: 50px;
    background-attachment: fixed;
    background-repeat: repeat;
}

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline !important; }
.lead a:hover, li a:hover { color:#adb5bd; underline !important; }
.nav { margin-left: 50px; margin-right: 50px; }
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 600;
    
}
.navbar-nav { margin: 0 auto; }

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.7rem;
    padding-left: 0.5rem;
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #0d6efd;
}

.btn-white1 {    
    color: #000;
    background-color: #fff;
    border-color: #0d6efd;
    font-size: 1.2em;
    margin-left: 53px;
}

.p-3 {
    padding: 1rem!important;
    margin-bottom: -32px;
    margin-top: -60px !important;
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
    font-weight: 600;
    
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.55);
    font-weight: 600;
    text-align: center !important;
    text-shadow: 0 0 10px rgb(0,0,0,.65)
}

.justify-content-center {
    text-align: center;
  }  

.black { color: #000; text-shadow: none;}
.white { color: #fff !important; }

.lead { font-weight: 500; text-shadow: 0 0 10px rgb(0,0,0,.65) }
h1, h5 {text-shadow: 0 0 10px rgb(0,0,0,.65)}

footer {  }

.bg-dark {
    background-color: #fff !important;
}

.modal-title {
    text-shadow: none !important;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 400px) { .btn-white1 {    margin-left: -20px !important; }}
