@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
		body { 
            font-family: 'Montserrat', sans-serif;
  padding-top: 3.5rem;
color: #666666;}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		  
		  
      }
.bg-orange { background-color: #D2A424; }
		.text-fawc { color: #D2A424; text-decoration: none;}

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
		
		main, footer {overflow-x: hidden;}
		/* BUTTONS */
		.btn-primary {
			color: #fff;
			background-color: rgba(3,153,205,0.45);
			border-color: #FFFFFF;
			border: thin #FFFFFF solid;
			padding: .75rem 1.75rem;
			font-size: 1.25rem;
			line-height: 1.5;
			border-radius: 0rem;
		}
.btn-secondary { background-color: #D2A424;}
		
		@media (max-width: 768px) {
			.btn-primary {
				font-size: 1.05rem;
				padding: 1rem 1.5rem;
			}
		}
		
		.btn-primary:hover {
		background-color: rgba(62,62,62,0.75);
			border-color: #FFFFFF;
			border: thin #FFFFFF solid;
			-webkit-box-shadow: 0px 0px 22px -9px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 22px -9px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 22px -9px rgba(0,0,0,0.75);
		}
		
		/* Navigation */
		.nav-link {
			text-transform: uppercase;
			font-stretch: expanded;
			font-weight: bold;
		}


		nav, .dropdown-item {
			font-size: 0.75rem;
			color: #ffffff;
		}

		.dropdown-menu {
			color: #ffffff;
			background-color: rgba(3,153,205,0.75);
			border-radius: 0rem;
			margin: .61rem 0 0;
		}
		@media (max-width: 768px) {
			
		nav, .dropdown-item {
			font-size: 0.8rem;
		
		}
		.dropdown-menu {
		    margin: .65rem 0 0;
			border: 1px solid rgba(0,0,0,0.15);
    		border-radius: 0rem;
			background-color: rgba(3,153,205,0.75);
			font-weight: bold;
		}
		}

	/* Contact Page */
	.jumbotron-contact {
		background-image: url("/img/index-background.jpg");
	}

		/* Main Content */
		.jumbotron {
			background-color: #D2A424;
			background-size: cover;
			background-position: center;
			padding-top: 60px;
			padding-bottom: 80px;
			color: #343a40;
			border-bottom: solid medium #343a40;
			border-radius: 0;
				
		}
.jumbotron_text_sub {
	font-size: 2vw!important;	
}
.jumbotron_text_main {
	font-size: 4vw!important;	
}
.jumbotron-home {
	background-image: url("/img/index-background.jpg");
}

@media (max-width: 900px) {
		
.jumbotron_text_main {
	font-size: 7vw!important;	
}
	.jumbotron_text_sub {
	font-size: 5vw!important;	
}
}
@media (max-width: 575px) {
		.jumbotron-home {
			background-image: url("/img/index-background-mobile.jpg");
			padding:10px;
		}
.jumbotron_text_main {
	font-size: 10vw!important;
			line-height: 0.5!important;	
}
	.jumbotron_text_sub {
	font-size: 6vw!important;	
			line-height: 0.5!important;
}
}
.text-20 {
	font-size: 20px;
}
.text-18 {
	font-size: 18px;
}
.text-16 {
	font-size: 16px;
}
	
.text-12 {
	font-size: 12px;
}
.text-11 {
	font-size: 11px;
}
.display-5 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
}
	@media (max-width: 768px) {
		
			.display-3 {
				font-size: 3.5rem;
				font-weight: 300;
				line-height: 1.1;
			}
            .display-5 {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
}
		}
		

.breadcrumb {padding: unset; background-color:white;}
.breadcrumb-item a { text-decoration: none;}

.card-header { background: #ffffff; }
		.jumbotron h1 { 
			color: #fff;}
		.jumbotron p { font-weight: normal; font-size: 24px; 
			color: #fff;}
		/* FOOTER */
		
		.facolor-white {
			color: #FFF;
		}
		.facolor-white:hover {
			color: rgba(3,153,205,1);
		}
		.btn-fwc { background: #D2A424; border-color: #D2A424; }
		.btn-fwc:hover { background: #343a40!important; border-color: #D2A424; }
		.footer-zbd-call { font-size: 1.6rem;}
		.footer-zbd-motto { font-size: 1.1rem;}

		.footer-small-text { font-size: 0.7rem; }

.blended-top {
position: relative;
	
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.text-shadow {
	text-shadow:
  2px 2px 4px rgba(0, 0, 0, 0.7),
  -2px -2px 4px rgba(0, 0, 0, 0.5),
  0 0 6px rgba(0, 0, 0, 0.6);
}