/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
        margin-bottom: 0;
        border-radius: 0;	
      }
      
      /* Add a gray background color and some padding to the footer */
      footer {
        background-color: #955251;
        padding: 25px;
      }
      
    .carousel-inner img {
        width: 100%; /* Set width to 100% */
        margin: auto;
        min-height:200px;
    }
      
    .title-text {
        color: WHITE;
        font-size:40px;
        font-weight:bold;
        text-align:center;
        background: #955251;
        height: 115px;
    }
    .title-img{
        width: 115px;
        height: 115px;
        float: left;
    }
    .navbar-default {
        background-color: #955251;
        border-color: #425766;
        font-weight: bold;
    }
    .navbar-default .navbar-brand{
        color: white;
    }
    
    .navbar-default .navbar-nav{
        color:white;
    }
    
    .navbar-default .nav-item.active .nav-link,
    .navbar-default .nav-item:hover .nav-link {
      color: #ffffff;
      background-color: #333;
    }
    .news {
      width: 160px
  }
  .navbar-default .navbar-nav > li > a {
    color: white;
  }
    .hor-news-scroll{
        background: rgba(255, 250, 240, 1);
    }
  
  .news-scroll a {
      text-decoration: none;
  }
  
  .dot {
      height: 6px;
      width: 6px;
      margin-left: 3px;
      margin-right: 3px;
      margin-top: 2px !important;
      background-color: rgb(207, 23, 23);
      border-radius: 50%;
      display: inline-block
  }
      .newnews{
          width: 30px;
          height: 30px;
      }
      
        .well{
       background: rgba(255, 250, 240, .2);
       border: solid blue 1px;
      }
      .jumbotron{
          border:solid blue 2px;
          background: none;
      }


      #overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
        z-index: 2;
        cursor: pointer;
    }
    
    #overlay1 {
      position: fixed;
      display: none;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,0.5);
      z-index: 2;
      cursor: pointer;
  }

      .loader {		
        position: fixed;
        left: 45%;
        top: 45%;		
        border: 8px solid #f1f1f1;
        border-radius: 50%;
        border-top: 8px solid #000000;
        width: 64px;
        height: 64px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        }
  
        @-webkit-keyframes spin {
          0% { -webkit-transform: rotate(0deg); }
          100% { -webkit-transform: rotate(360deg); }
        }
  
        @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }

    /*Button Blink Text*/
    
    .blink {
      font-weight: bold;
      margin-top: 5px;
      margin-bottom: 5px;
        text-align: center;
        text-decoration: none;
        -webkit-animation: glowing 1500ms infinite;
        -moz-animation: glowing 1500ms infinite;
        -o-animation: glowing 1500ms infinite;
        animation: glowing 1500ms infinite;
      }
      @-webkit-keyframes glowing {
        0% { background-color: #0000B2; -webkit-box-shadow: 0 0 3px #0000B2; }
        50% { background-color: #0000FF; -webkit-box-shadow: 0 0 40px #0000FF; }
        100% { background-color: #0000B2; -webkit-box-shadow: 0 0 3px #0000B2; }
      }
  
      @-moz-keyframes glowing {
        0% { background-color: #0000B2; -moz-box-shadow: 0 0 3px #0000B2; }
        50% { background-color: #0000FF; -moz-box-shadow: 0 0 40px #0000FF; }
        100% { background-color: #0000B2; -moz-box-shadow: 0 0 3px #0000B2; }
      }
  
      @-o-keyframes glowing {
        0% { background-color: #0000B2; box-shadow: 0 0 3px #0000B2; }
        50% { background-color: #0000FF; box-shadow: 0 0 40px #0000FF; }
        100% { background-color: #0000B2; box-shadow: 0 0 3px #0000B2; }
      }
  
      @keyframes glowing {
        0% { background-color: #0000B2; box-shadow: 0 0 3px #0000B2; }
        50% { background-color: #0000FF; box-shadow: 0 0 40px #0000FF; }
        100% { background-color: #0000B2; box-shadow: 0 0 3px #0000B2; }
      }
      
    /* Hide the carousel text when the screen is less than 600 pixels wide */
    
    @media (max-width: 1200px){
        
      .title-text {
        color: WHITE;
        font-size:23px;
        font-weight:bold;
        text-align:center;
        background: #955251;
        height: 75px;
        }
        .title-img{
        width: 75px;
        height: 75px;
        float: left;
        }	  
    }
    @media (max-width: 800px){
        
      .title-text {
        color: WHITE;
        font-size:22px;
        font-weight:bold;
        text-align:center;
        background: #955251;
        height: 75px;
        }
        .title-img{
        width: 75px;
        height: 75px;
        float: left;
        }	  
    }
    @media (max-width: 600px) {
      .carousel-caption {
        display: none; 
      }
      .title-text {
        color: WHITE;
        font-size:18px;
        font-weight:bold;
        text-align:center;
        background: #955251;
        height: 75px;
    }
    .title-img{
        width: 75px;
        height: 75px;
        float: left;
    }
    }