#headercontainer, #footercontainer{
	background: #f1fcff;    
}


#headercontainer{
	margin-bottom: 60px;  
}

#ekg{
    position: relative;
    top: -89px;
    margin-bottom: -150px;
	z-index:1;
}

.navbar-toggler{
	z-index:10;
}

.card-pic{
	font-size:40px;
	color:#369;
}

.card {
  transition: box-shadow .3s;  
}

.card:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(5px);
	filter: blur(5px);
}

.modal-backdrop{
	
	background-color: #00000052;
 }
 
 #potHr1{
	position:relative;
	float:left;
	left:0;
	height:2px;
	width:67%;
	background:grey;
 }

 #potHr2{
	position:relative;
	margin-left: calc(67% + 180px);
	height:2px;
	background:grey;
 }

 @media (max-width: 768px) { 
	#potHr1{
		width:57%;
	 }
	
	 #potHr2{
		margin-left: calc(57% + 180px);
	 }

  }

  @media (max-width: 480px) { 
	#potHr1{
		width:40%;
	 }
	
	 #potHr2{
		margin-left: calc(40% + 180px);
	 }

  }

  @media (max-width: 350px) { 
	#potHr1{		
		width:20%;		
	 }
	
	 #potHr2{		
		margin-left: calc(20% + 180px);
	 }

  }