body{font-family:Lato;font-size: 1.5rem;}h1,h2,h3,h4,h5,h6{font-family:Catamaran;font-weight:800!important}.btn-xl{text-transform:uppercase;padding:1.5rem 3rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.bg-black{background-color:#000!important}.rounded-pill{border-radius:5rem}.navbar-custom{padding-top:1rem;padding-bottom:1rem;background-color:rgba(0,0,0,.9)}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1rem}
header.masthead{position:relative;overflow:hidden;padding-top:calc(6rem + 72px);padding-bottom:1.5rem; background: #525263;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover;}
/*padding-top:calc(7rem + 72px);padding-bottom:7rem; --style for title at bottom*/
header.masthead .masthead-content{z-index:1;position:relative}
header.masthead .masthead-content .masthead-heading{font-size:3rem}
header.masthead .masthead-content .masthead-subheading{font-size:2rem}
header.masthead .bg-circle{z-index:0;position:absolute;border-radius:100%;background:linear-gradient(0deg,#FB93340,#ff6a00 100%)}
header.masthead .bg-circle-1{height:90rem;width:90rem;bottom:-55rem;left:-55rem}
header.masthead .bg-circle-2{height:50rem;width:50rem;top:-25rem;right:-25rem}
header.masthead .bg-circle-3{height:20rem;width:20rem;bottom:-10rem;right:5%}
header.masthead .bg-circle-4{height:30rem;width:30rem;top:-5rem;right:35%}

.img-border {border: 1px solid #525263}

.bg-green {background-color: #a1c23d}
.bg-purple {background-color: #525263}
.bg-teal {background-color: #2ea6a6}
.bg-yellow {background-color: #f2bf21}
.bg-orange {background-color: #dea13d}

.text-green {color: #a1c23d}
.text-purple{color: #525263}
.text-teal {color: #2ea6a6}
.text-yellow {color: #f2bf21}
.text-orange {color: #dea13d}

@media (min-width:992px){
/*header.masthead{padding-top:calc(10rem + 55px);padding-bottom:1rem}--style for title at bottom*/
header.masthead{padding-top:calc(5rem + 55px);padding-bottom:1.5rem}
header.masthead .masthead-content .masthead-heading{font-size:4rem}
header.masthead .masthead-content .masthead-subheading{font-size:3rem}}.bg-primary{background-color:#ee0979!important}.btn-primary{background-color:#a1c23d;border-color:#a1c23d; color: #000}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#8aa933!important;border-color:#8aa933!important}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(238,9,121,.5)}.btn-secondary{background-color:#f2bf21;border-color:#f2bf21; color: #000}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#dea13d!important;border-color:#dea13d!important}.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}/*@media all and (min-width:992px)*/
.pb-lg-5, .py-lg-5 {
    padding-bottom: 10rem !important;
}
/*FB9334- orange
	ee0979  - hot pink
	bd0760 - old button shadow
	ff5c5c - body background
*/

.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,1);}

 
ul.icon 
		{
    			list-style-image: none;
		}
		
		li.house 
		{
				background: url('img/House.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}
		li.schools 
		{
				background: url('img/Schools.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}

		li.tree 
		{
				background: url('img/Tree.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}
		li.economy 
		{
				background: url('img/Economy.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}
				
		li.cohesion 
		{
				background: url('img/Cohesion.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}	
		li.dollar 
		{
				background: url('img/Dollar.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}
		li.heart 
		{
				background: url('img/Heart.png')  no-repeat left top;
				height: 30px;				
				padding-top: 3px;
		}
		
		.bottom 
		{				
    			margin-top: 30px;  

		}
		.alignImg
		{
    			height: 65px;
		}
		
		.fa {				  
				  font-size: 30px;
				  width: 30px;
				  text-align: center;
				  text-decoration: none;
				  margin: 5px 2px;
				  border-radius: 50%;
		}
				
		.fa:hover {
				    opacity: 0.7;
				}
				
		.fa-facebook {
				  background: #3B5998;
				  color: white;
				}
				
		.fa-twitter {
				  background: #55ACEE;
				  color: white;
				}
				
		.fa-youtube 
		{
				  background: #bb0000;
				  color: white;
		}
		.opac
		{
				           			
        }
        .layer
        {
        			
        			background-image:url('img/diverseHome.jpg') no-repeat center center fixed;
        			box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
        			-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
		}
		.pclr
		{
				color:white;
		}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.pclss
		{
				color:white;
				font-size:1.8em;
		}