/*CSS for root colors 5/15/2019 */
        :root {
            --primary: #fcf9f9;
            --dark: #8A3860;
            --light: #fff;
            --shadow: 0 1px 5px rgba(104, 104, 104, 0.9);
        }

        /*CSS for box 5/15/2019 */
        .box {
            background:  #fcf9f9;
            padding: 1.5rem 2rem;
            box-shadow:  0 1px 5px rgba(104, 104, 104, 0.9);
        }
		
		.box img {
				  display: block;
				  margin-left: auto;
				  margin-right: auto;
		}
        /* End CSS for root colors 5/15/2019 */
        /* End CSS for box 5/15/2019 */

        .crumb {
            border-style: none;
            color: red;
        }

        /* CSS for button 5/15/2019 */
        .btn {
            background:  #8A3860;
            color:  #fff;
            padding: 0.2rem;
            font-size: 1rem;
            transition: all 0.5s ease-in-out;
            width: 100%;
        }

		.btn:hover {
			color: #303D50;
			border: 1px solid #E8F0DF;
			background: #E8F0DF;
		}
			
		 .btn2 {
              background: #8A3860;
			  color:  #fff;
			  padding: 0.5rem;
			  font-size: 0.9rem;
			  transition: all 0.5s ease-in-out;
			  border-radius: 8px;
           }
		   
		  .btn2 a {
                color: white;
				text-decoration: none;
            }
		 
		 .btn2:hover {
                color: #303D50;
                background: #E8F0DF;
            }

        /* End CSS for button 5/15/2019 */

        .one-half-bumper-container {
            display: grid;
            grid-gap: 20px;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            margin-bottom: 1rem;
        }
        /*CSS for carousel 5/15/2019 */
        /* Make the image fully responsive */
        .carousel-inner img {
                width: 100%; 
                object-fit: contain;
                top: 0;
                left: 0;
                max-height: 300px;
        }

        .carousel {
            max-height: 300px;
        }

        /*.carousel-caption {
            background: rgba(184, 61, 0, 0.5);
        }*/
        /* End of CSS for carousel 5/15/2019 */

        /* CSS for iframe video 5/15/2019 */
        iframe {
            width: 100%;
            max-height: 800px;
        }
        /* End CSS for iframe video 5/15/2019 */

        /* Start for buttons for modal slider 5/15/2019 */

        .button2 {
            background: rgba(65, 94, 38, 0.6); /* Green */
            border: none;
            color: white;
            padding: 5px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            margin: 4px 2px;
            cursor: pointer;
            -webkit-transition-duration: 0.4s; /* Safari */
            transition-duration: 0.4s;
        }

            .button2:hover {
                box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
            }
        /* End for buttons for modal slider 5/15/2019 */

        /* image hover effect 5/15/2019 */

        .middle {
            transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            text-align: center;
        }

        .img-red :hover .image {
            opacity: 0.3;
        }

        .img-red :hover .middle {
            opacity: 1;
        }

        .text {
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            padding: 16px 32px;
        }
        /* End of image hover effect 5/15/2019 */
        /* image responsive  5/16/2019 */

        .img-reponsive {
            width: 100%;
        }
        /* End of image responsive  5/16/2019 */
        /* Our mission css 5/16/2019 */
        .white {
            background: #fff;
            padding: 1rem;
            border-radius: 25px;
            box-shadow: 0 1px 5px rgba(104, 104, 104, 0.9);
        }
        /* End of our mission css 5/16/2019 */


      /* CSS for object on modal slider 2 5/29/2019 */

      .modal-header2{
          padding: 20px; 
      }

      object{
          width: 100%; 
          margin: auto;
          height: 100vh; 
      }

      .carousel-indicators li {
            background-color: #8A3860;
        }
        .carousel-indicators .active {

            background-color:  #fff;
        }

        .sidebarSubLinks2{
            height: auto; 
            width: 100%; 
            font-size: 0.8rem; 
        }
		
		
		#modulecontent4boxes img{
			width: 90%;
            font-size: 12px; 			
		}
		
		
		@media only screen and (max-width: 375px) {
		  #main > div.container > div:nth-child(2) > div.\38 u.\31 2u\(mobile\) > div:nth-child(2) > div > p > img{
			  width: 90%; 
			  height: auto; 
		  }