html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

a {
    text-decoration: none;
}

body {
	/*background-color: #006bb3; 
	background-position: right bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 85%;
	color: white;*/
	color: #006bb3;
	font-family: Ebrima, sans-serif;
	/*font-size: 18pt;*/
}

h1 {
}

h5 {

}

.header {
	background-color: #006bb3; 
	/*font-size: 28pt;*/
	color: white;
	padding-top: 25px;
}

.top-container {
	background-image: url("top-container-background.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.top-container-overlay {
	position: relative; /* Overlay covers the parent */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 241, 255, 0.75);
	background-image: url("top-container-overlay.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 25%;
	z-index: 1;
}

.sideContainerOverlay {
	position: relative; /* Overlay covers the parent */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-image: url("side-container-overlay.svg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 25%;
	z-index: 1;
	min-height: 750px;
}



.main {
}

.footer {
	background-color: #006bb3;
	color: white;
	font-weight: 100;
	font-size: .75em
}

.footer-tagline {
	font-weight: bold;
}

.btn-secondary {
	color: white;
	background-color: #006bb3;
	font-size: 1.5rem;
	font-weight: 100;
}

.btn-secondary:hover {
	color: #006bb3;
	background-color: white;
}

.con-dark {
	background-color: #006bb3;
	color: white;
}

.con-light {
	background-color: #CCF1FF;

}

.sideContainer1 {
	background-image: url("DoctorImageBack.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}

.sideContainer2 {
	font: Corbel;
	font-size: 1em;
	font-weight: 100;
	color: black;
}

.sideContainer2 h5 {
	font-size: 1.5em;
	font-weight: 700;
	color: #8BC63F;
	margin-bottom: 0px;
	margin-top: 15px;
}

.sideContainer3 {
	background-image: url("DoctorImageBack2.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 700px;
	padding-top: 250px;
}

.pad-9 {
	padding: 9em;
}

.pad-6 {
	padding: 6em;
}

.pad-4 {
	padding: 4em;
}

.text-small {
	font-size: 1em;
}

.services {
	color: #8BC63F;
	line-height: 1.5;
	font-weight: 500;
	min-height: 300px;
}

.about {
	line-height: 1.5;
	background-image: url("UpVia-LogoFlagWhiteLight.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 50%;
	min-height: 500px;
}

.about-overlay {
	position: relative; /* Overlay covers the parent */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,107,179, 0.50);

}


@media (min-width: 768px) {
/*    .fs-md-1 {
    	font-size: 3.5rem !important;
    }
    
	.fs-md-2 {
		font-size: 2.5rem !important;
	}
	
	.fs-md-3 {
		font-size: 1.75rem !important;
	}
	
	.fs-md-4 {
		font-size:: 1.5rem !important;
	}
	
	.fs-md-5 {
		font-size: 1.25rem !important;
	}

	.fs-md-6 {
		font-size: 1rem !important;
	}
	
	header h1 {
		font-size: 1.75rem !important;
	}
*/
    .fs-md-1 {
    	font-size: 3.5rem !important;
    }
    
	.fs-md-2 {
		font-size: 2.5rem !important;
	}
	
	.fs-md-3 {
		font-size: 2.25rem !important;
	}
	
	.fs-md-4 {
		font-size:: 2rem !important;
	}
	
	.fs-md-5 {
		font-size: 1.75rem !important;
	}

	.fs-md-6 {
		font-size: 1.5rem !important;
	}
	
	header h1 {
		font-size: 1.75rem !important;
	}

	.padx-9 {
		padding-right: 9em;
		padding-left: 9em;
	}


}

@media (max-width: 1024px) {
	.pad-9 {padding: 3em !important;
	}
	
	.padx-9 {
		padding-right: 1em !important;
		padding-left: 1em !important;
	}
	
	.services {
		min-height: auto;
	}

}