@charset "UTF-8";
/* Body  colors #c70402-red #f2dfb7 yellow*/
*{
  box-sizing: border-box;	
}
/* styles for the font family
font-family: 'PT Sans', sans-serif;
font-family: 'PT Serif', serif;
font-family: 'Roboto', sans-serif;
*/
body{
	font-family:'PT Sans', sans-serif;
}
p{font-size:15px;}
h2{
	text-align: center;
}
header{
	text-align: center;
	margin: 0 auto;
	padding: 30px;
width:100%;
	height:200px;
}
.header-img{
	background-color: #f2dfb7;
	background-size: cover;
	}
/*navigation*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;

}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 1rem;
margin-left:40px;
  text-decoration: none;
		font-size:1.5rem;

}

li a:hover {
  background-color: #c70402;
}

/*hero image*/
.hero-image-index {
  background-image: linear-gradient(rgba(90, 0, 100, 0.5), rgba(80, 0, 0, 0.5)), url("../images/header.jpg");
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text-index {
	padding:20px;
  text-align: center;
  color: white;
}

.hero-image-about{
  background-image: linear-gradient(rgba(90, 0, 100, 0.5), rgba(80, 0, 0, 0.5)), url("../images/about-header.jpg");
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text-about{
	padding:20px;
  text-align: center;
  color: white;
}

.hero-image-contact{
  background-image: linear-gradient(rgba(90, 0, 100, 0.5), rgba(80, 0, 0, 0.5)), url("../images/contact-header.jpg");
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text-contact{
	padding:20px;
  text-align: center;
  color: white;
}

.hero-image-shipping{
  background-image: linear-gradient(rgba(90, 0, 100, 0.5), rgba(80, 0, 0, 0.5)), url("../images/biopharm.jpg");
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text-shipping{
	padding:20px;
  text-align: center;
  color: white;
}

.hero-image-services{
  background-image: linear-gradient(rgba(90, 0, 100, 0.5), rgba(80, 0, 0, 0.5)), url("../images/blood_test_3_ss.jpg");
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text-services{
	padding:20px;
  text-align: center;
  color: white;
}
/*two columns*/
.left-column{
	font-size:2rem;
	width:50%;
	float: left;
	text-align: center;
	padding:15px;
}
.right-column{
		font-size:2rem;
	width:50%;
	float:left;
	text-align: center;
		color:white;
background-color: #c70402;
		padding:15px;

}
/* 4 info boxes for the home page*/
.res-disease{
		width:20%;
	float:left;
	text-align: center;
	font-weight:900;
	color:#c70402;
	background-color:#F2DFB7;
	margin:15px;
	padding:10px;
}
.mds{
		width:20%;
	float:left;
	text-align: center;
	font-weight:900;
	color:#c70402;
	background-color:#F2DFB7;
	margin:15px;
	padding:10px;
}
.plasma-cells{
		width:20%;
	float:left;
	text-align: center;
	font-weight:900;
	color:#c70402;
	background-color:#F2DFB7;
	margin:15px;
	padding:10px;
}
.bio-pharm{
			width:20%;
	float:left;
	text-align: center;
	font-weight:900;
	color:#c70402;
	background-color:#F2DFB7;
	margin:15px;
	padding:10px;
}

/* avatar pictures for the staff and doctors*/
.column {
	width: 100%;
	text-align: center;
	float: left;
}
.profile {
	width: 80%;
	float:left;
}