main {
	font-family: 'Lato', sans-serif;
}

.active {
	color: #F2A900;
}

.fixed-top-2 {
	margin-top: 40px;
}

/* ------ */
.nav-item a {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

h1{
	font-family: 'Lato', sans-serif;
	font-size: 50px;
}

h1 {
    font-size: 3em !important;
}
h2 {
    font-size: 2em;
}

.navbar-brand img {
	margin-left: 3rem;
}

.laco-header {
	background-image: url(../images/LA_County_Seal_Header.png);
    background-repeat: no-repeat;
    background-position: right 5rem top;
	z-index: 100;
}

.laco-header a {
	color: #fff;
	font-size: 1.4em;
}

.laco-header-container {
	max-width: 1170px;
}

/* --- begin inverted triangle section separator --- */
.break-point {
	width: 100%;
	text-align: center;
	margin: auto;
	height: 0px;
}
.break-point svg {
	width: 100px;
	height: 100px;
	transform: translateY(-38px);
}
/*.break-point:first-of-type svg {fill: #fff;}*/
.break-point:nth-of-type(odd) svg {fill: #fff;}
.break-point:nth-of-type(even) svg {fill: #efefef;}

/* --- end inverted triangle section separator --- */

/* ----- begin VZ LOGO ----- */
.vz-logo {
	position: relative;
	text-align: center;
	margin: auto;
	width: 30%;
    height: 40px;
}

.vz-logo img {
	/*position: absolute;*/
	transform: translateY(-100%);
}

@media only screen and (max-width: 620px){
	.vz-logo {
		width: 30%;
        height: 150px;
	}
	
	.vz-logo img {
	transform: translateY(-10%);
	}


}

/* ----- end VZ LOGO ----- */


#slow-street p {
	font-size: 1.3rem;
	margin-bottom: 2.0em;
}
#slow-street p:first-child {
	color: #707070;
}
#slow-street ul {
	font-size: 1.3rem;
}
#slow-street h3 {
	font-size: 1.4em;
	margin-bottom: 1.0em;
}

#section-1 p {
    color: #333;
    font-size: 1.3em;
}
#section-1 p span {
    color: #0088cd;
}

#action-plan1 p {
	color: #0088cd;
	font-size: 1.4em;
	margin: 1.5em;
}
#action-plan1 p:first-child {
	color: #707070;
}

#action-plan2 {
	background-color: #efefef;
	font-size: 1.1em;
}

#action-plan2 a {
	color: #0088cd;
}

#action-plan2 img.AP-cover {
	width: 300px;
	margin-bottom: 10px;
}

.bg-gray {
    background-color: #efefef;
}

#action-plan2 h2,
#action-plan3 h2,
#documents h2,
#contact-us,
#slow-street h2
{
	font-size: 2.0em;
	margin-bottom: 0.8em;
}

#slow-street h2,
#slow-street h3,
#action-plan2 h2,
#action-plan2 h3 {
	color: #0088ce;
}

#action-plan2 h2 div:first-child {
	font-weight: 200;
}

#action-plan2 h3 {
	font-size: 1.4em;
	margin-bottom: 1.0em;
}

#action-plan3 > div > div > div {
	font-size: 1.3em;
}

#documents > div > div > div {
	font-size: 1.3em;
}

#contact-us > div > div > div {
	font-size: 1.3em;
}

#action-plan3 a,
#contact-us a,
#slow-street a 
{
	color: #fdb515;
}

#action-plan3 {
	background: url(../images/vision-zero-icons-bckgrnd.png) no-repeat bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:  #0088ce;
	color: #fff;
	padding-bottom: 20px;
}

#contact-us {
	background: url(../images/vision-zero-icons-bckgrnd.png) no-repeat bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:  #0088ce;
	color: #fff;
	padding-bottom: 20px;
}


.feedback-icons img {
	width: 150px;
	height: 122px;
}

.feedback-icons > div {
	margin-bottom: 30px;
}

.feedback-icons div {
	font-size: 0.9em;
}

.feedback-icons h3 {
	margin-top: 20px;
}

.feedback-icons .btn-dark {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #FDB515;
	font-weight: 600;
}

.vz-ap-dl div {
	font-size: 0.8em;
	color: #0088ce;
}
.vz-ap-dl div:nth-child(3) {
	font-size: 0.6em;
	color: #707070;
}

.bold-num {font-size: 3.5em; font-weight: 700; font-family: 'Arial Narrow'}
.f-clr-blue {color: #1689ca;}
.f-clr-gold {color: #fcb515;}

.ct-741 div > div:first-child {
    font-size: 3.6em;
    font-weight: bolder;
    font-family: "Arial Narrow";
    color: #0088cd;
    margin: auto;
    text-align: center;
}
.ct-741 div > div:nth-child(3) {
    font-size: 3.6em;
    font-weight: bolder;
    font-family: "Arial Narrow";
    color: #0088cd;
    margin: auto;
    text-align: center;
}
.ct-741 div p {
    font-weight: 700;
    font-size: 1.3em !important;
}

.mobile-head {display: none;}
.desktop-head {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 620px) {
	.mobile-head {
		display: block !important;
		margin-bottom: 8rem;
	}
	.desktop-head {display: none;}
	h2 {font-size: 1.5em;}

}

@media only screen and (max-width: 991px){

	#action-plan2 > div > div:nth-child(2) > div:nth-child(2) {
		padding-top: 30px;
		text-align: center;
		margin: auto;
	}
	
	.laco-header {
		background-image: none;
	}
	
	.navbar-brand img {
	margin-left: 0 !important;
	}

}

/* Small devices (Phones, 600pxand down) -- this would display the text at 5.0rem on phones */

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 2.0rem; 
    }
}

/* Large devices (laptops/desktops, 992px and up) -- This would display the text at 10.0rem on laptops and larger screens */

@media only screen and (min-width: 992px) {
    h1 {
        font-size: 2.5rem; 
    }
}

@media (max-width: 1200px){
    h1, .h1 {
	font-size: calc(1.375rem + 1.5vw);
}