h1 {
	color: #7B8DC7;
	font-family: 'Just Another Hand', cursive;
}

.display-4 {
	font-weight: 100;
}


.pink {
	color: #F4898C;
}

.purple {
	color: #7B8DC7;
}

.dark-blue {
	color: #282761;
}



.btn-primary {
	background-color: #282761 !important;
	border-color: #282761 !important;
}

.btn-primary:hover {
	background-color: #F4898C !important;
	border-color: #F4898C !important;
}



/*********************/
/*** Homepage Cover ***/
/*********************/
.cover-video {
    background-image: url("../assets/video-thumbnails/ortho-cover.jpg");
    background-position: center center;
    background-size: cover;
}




/************************/
/** Appointment Banner **/
/************************/
#appointment-banner {
	background-image: url("../assets/pictures/ortho-appt-background.svg");
	background-size: 400px 400px;
	background-position: center center;
    padding: 1rem 0;
}

#appointment-banner .form-control {
	background-color: white;
}

#appointment-banner h1 {
	color: white;
}


#split-request-info h1 {
	font-size: 3.5rem;
	color: white;
}






/************************/
/** Cover Video **/
/************************/
.background-video-container-overlay {
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	background-color: rgba(50,50,50,0.5); /* This controls the color and transparency of the video overlay */
}


  


/***************************/
/*** Welcome Banner ***/
/***************************/
#welcome-banner-ortho {
	background-image: url("../img/welcome-background.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}





/***************************/
/*** Multiple Options Banner ***/
/***************************/
#multiple-options {
background-color: #7B8DC7;
}

#multiple-options h2 {
	color: white;
}








/*****************************/
/** waves banner **/
/*****************************/
.top-wave-pink {
	background-image: url("../img/background-3.svg");
    background-position: top;
    background-size: cover;
	background-repeat: no-repeat;
	display: block;
}


.bottom-wave-pink {
	background-image: url("../img/background-4.svg");
    background-position: bottom;
    background-size: cover;
	background-repeat: no-repeat;
	display: block;
}


.bottom-wave {
	background-image: url("../img/background-2.svg");
    background-position: bottom;
    background-size: cover;
	background-repeat: no-repeat;
	display: block;
}







/*****************************/
/** instagram banner **/
/*****************************/
#instagram-banner {
	padding: 60px 40px;
	background-image: url("../img/welcome-background.svg");
	background-size: 400px 400px;
	background-position: center center;
}

#instagram-banner h1 a {
	text-align: center;
	margin-bottom: 30px;
	font-family: 'Just Another Hand', cursive !important;
}








.gallery-text {
	color: white;
	font-family: 'Just Another Hand', cursive;
}



/*****************************/
/** footer banner **/
/*****************************/
#footer h4 {
    color: #7B8DC7;
	font-family: 'Just Another Hand', cursive;
    font-size: 2rem;
}


.display-3 {
	font-weight: normal !important;
}