@charset "utf-8";
/* CSS Document */

/* BEGIN BILLBOARD */

#homeVideo {
	margin-top:-25px;
	margin-left:0%;
	z-index:0;
}

#billboard-container-fluid {
	position:relative;
	margin-top:-25px;
	background:url(../img/green.jpg);
	background-position:bottom;
	background-repeat:repeat-x;


}

#billboard {
	height:350px;
	margin-top:-20px;
	background:url(../img/office1.jpg);
	background-size:cover;
	background-position:center;

}


	.white-bar {
		background-color:transparent;
		margin-top:-20px;
	}
	
	.left-white {
		background-color:#ffffff;
		height:20px;
	}
	
	.right-white {
		background-color:#ffffff;
		height:20px;
	}
	
	.white-space-container {
		height:20px;
		background-color:transparent;
	}
		
	.triangle-bottomleft {
		width: 0;
		height: 0;
		color:red;
		border-bottom: 20px solid #ffffff;
		border-right: 20px solid transparent;
		position:absolute;
		left:0;
		bottom:0;
	}
	
	.triangle-bottomright {
		width: 0;
		height: 0;
		color:red;
		border-bottom: 20px solid #ffffff;
		border-left: 20px solid transparent;
		position:absolute;
		right:0;
		bottom:0;
	}		

/* END BILLBOARD */

/* BEGIN SERVICES */

#tri-section {
	position:relative;
	height:auto;
	background-color:#ffffff;
}

	.uhaul-img {
		width:300px;
		padding:10px;
		border-radius:15px;
	}
	
	.feature-icon {
		width:80px;
		padding:10px;
	}
	
	.small-h2 {
		font-size:18px;
		font-weight:800;
	}

/* END SERVICES */


/* BEGIN LOCAL OWNED SECTION */

#local-owned {
    background-color:#396959;
    color:#ffffff !important;
    padding-top:25px;
    padding-bottom:25px;
}

#local-owned h1, #local-owned p {
    color:#ffffff;
}

/* BEGIN LOCAL OWNED SECTION */

/* BEGIN FORM STYLING */

form {
	width:70%;
	margin-left:15%;
	margin-top:15px;
}

#contactForm input {
	color:#3c3c3c;
	background-color:#f0f0f0;
	border-color:transparent;
}

#contactForm textarea {
	color:#3c3c3c;
	background-color:#f0f0f0;
	border-color:transparent;
}

#contactForm button {
	background-color:#396959;
	color:#ffffff;
	font-weight:bold;
	border-color:transparent;
}

/* END FORM STYLING */

																	@media (max-width: 991px) {
	
/* BEGIN BILLBOARD */

#billboard {
	height:300px;
}

	.white-bar {
		display:none;
	}

	.uhaul-img {
		width:100%;
		padding:10px;
	}
	
	.feature-icon {
		width:20%;
		min-width:50px;
	}
	
	.small-h2 {
		font-size:14px;
		font-weight:800;
	}
	
	.feature-list li {
		font-size:13px;
	}



/* END BILLBOARD */


	
}
																	@media (max-width: 767px) {
																		
/* BEGIN BILLBOARD */

#billboard-container {
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}

#tri-section ul, #tri-section h2 {
	text-align:center;
}

	.uhaul-img {
		width:50%;
		min-width:200px;
		padding:10px;
	}
	
	#uhaul-van-img {
		display:none;
	}
	
	.feature-icon {
		width:50%;
		min-width:50px;
		max-width:80px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.small-h1 {
		font-size:14px;
		font-weight:800;
	}
	
	.feature-list li {
		font-size:13px;
	}

/* END BILLBOARD */

}


																	@media (max-width: 600px) {

/* BEGIN BILLBOARD */

#billboard {
	width:100%;
	height:200px;
	background-size:cover;
	background-position:center;
}

	.small-h1 {
		font-size:14px;
		font-weight:800;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

.unit-block {
    margin-bottom:10px;
}

.unit-block span {
    font-size:14px;
}

/* END BILLBOARD */

}

.popover-p {
    display: none !important;
}