@charset "utf-8";

/* Common Css Starts*/
html,body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
body {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}
.content {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
  .headerContent {
	background-color: #ffffff;  
  }
  #logo {
	width:35%;  
  }
  h1.bigContent {
	color: #0066b3;
	font-size: 8.5rem;  
	font-family: "Aligarh";
  }
  span.smallContent {
	color: #0066b3;
    border-top: 2px solid #0066b3;
    border-bottom: 2px solid #0066b3;
	padding: 5px 0;
	font-family: "Aligarh";
  }
  .aboutHeading span{
	  border-radius: 50px;
      border: 2px solid #ffffff;
      padding: 5px;
  }
  .mainContent {
	  background-color: #ed3338;
  }
  .text-red {
	  color: #ed3338;
  }
  .text-blue {
	  color: #0082c7;
  }
  .drImg img {
	  border : 6px solid #0082c7;
  }
  .dottedLine {
	  border-top: 2px dashed #383336;
  }
  .videoButton {
	  background-color: #0082c7;
	  color: #ffffff;
	  border-radius: 50px;
  }
  .videoButton:hover {
	  cursor:pointer;
  }
  .footer {
	 background-color:  #0082c7;
	 border-top: 6px solid #ed3338;
	 flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 30px;
  margin: auto 0 auto;	
  }
  .footer .disclaimerContent p{
	  font-size: 7px;
  }

/* Responsive Starts */
@media (max-width: 1400px) {
  .background-patient {
	position: relative;
    margin: -50px 0;
	padding-top: 20px;
  }
}

@media (max-width: 768px) {
	h1.bigContent {
		text-align: center;
	}
	.bannerContent h5 {
		text-align:center;	
	}	
}
	
@media (max-width: 680px) {
	body {
		height: 100%; /* Avoid the IE 10-11 `min-height` bug. */
	}
	#logo {
    	width: 45%;
	}
	.footer {
		padding: 15px;	
	}
	h1.bigContent {
		font-size: 6.5rem; 
		text-align: center;
	}
	.bannerContent h5 {
		font-size: 1.1rem;
		text-align:center;	
	}
	.issue h3 {
		text-align: left;
		font-size: 1.5rem;
	}
}

@media (max-width: 384px) {
	h1.bigContent {
		font-size: 5.5rem; 
		text-align: center;
	}
	.bannerContent h5 {
		font-size: 1.1rem;
		text-align:center;	
	}
	.issue h3 {
		text-align: left;
		font-size: 1.3rem;	
	}
}