body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

	.header-menu{
		color:#2584b4;
		padding-right:20px;
		
	}
	
	.header-menu a{
		text-decoration:none;	
	}
  
  .active {
    /*background-color: green;*/
    background-color:#2584b4;
	color:white;
  }
  .content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color:white;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

  
  @media screen and (min-width: 601px){
		.logo-img{
		  margin-left:20px;
		  height:60px;
		}
		
		.bar-size{
			 font-size:22px;
		}

		.logo-name{
		  color:#2584b4;
		  font-size:22px;
		  margin-top:10px;
		  float:left;
		}
		.logo-tag-line{
			margin-top:0%;
			margin-left:0px;
			color:black;
		}
		
		.banner-div{
				height:30vw;

		}
		.home-page-banner-img{
				width:100vw;
				height:30vw;
				padding-left:20px;
				padding-right:20px;
		}
		
		.welcome-text{
				padding-left:20px;
				padding-right:20px;
				font-size:20px;
				color:#2584b4;
		}
		
		.services-main-div{
				margin-left:20px;
				margin-right:20px;
				margin-bottom:20px;
				background-color:#f5f5f5;
				padding-top:20px;
				padding-bottom:20px;
		}
		
		.services-col-div{
				padding-top:20px;
				float:left;
		}
		
		.services-col-div a{
			text-decoration:none;
			text-align:center;
		}
		
		.services-col-img{
				height:100px;
				width:100px;
		}
		
		.news-text{
				padding-left:20px;
				padding-right:20px;
				font-size:20px;
				color:#2584b4;
		}
		.video-title{
			font-size: 16px;
			padding:10px;
			background-color:orange;
			width:90%;
			margin-top:4px;
		}
				
 }
/* .test{
 	  position: relative;


 }
*/
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: fixed;
    }
  }

  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }
  
  @media only screen and (max-width: 600px) and (min-width: 501px) {
	  .service-text-space{
		margin-top:30px;
	  }
      .hide-mobile {
        display: none;
      }
	  .mobile-change h2{
		  font-size:20px;
		  margin-left:30%;
		  margin-right:0%;
	  }
	  .w3-display-middle{
		  transform: translate(0%,0%); 
	  }
	  
	  .logo-img{
			margin-left:20px;
			height:50px;
		}
  
		.logo-name{
		  color:#2584b4;
		  font-size:15px;
		  margin-top:10px;
		  float:left;
		}
		.logo-tag-line{
			margin-top:0%;
			margin-left:10px;
			font-size:10px;
		}
		
		.banner-div{
				height:80%;
		}
		
		.home-page-banner-img{
				width:100%;
				height:50%;
				padding-left:20px;
				padding-right:20px;
		}
		
		.welcome-text{
				padding-left:20px;
				padding-right:22px;
				font-size:12px;
				color:#2584b4;
		}
		
		.services-main-div{
				margin-left:20px;
				margin-right:20px;
				margin-bottom:20px;
				background-color:#f5f5f5;
				padding-top:20px;
				padding-bottom:20px;
		}
		
		.services-col-div{
				padding-top:20px;
				float:left;
		}
		
		.services-col-div a{
			text-decoration:none;
			text-align:center;
		}
		
		.services-col-img{
				height:100px;
				width:100px;
		}
		
		.news-text{
				padding-left:20px;
				padding-right:22px;
				font-size:12px;
				color:#2584b4;
		}
		.video-title{
			font-size: 16px;
			padding:10px;
			background-color:orange;
			width:60%;
			margin-top:4px;
		}
    }

	.job-card-main-div{
			margin-top:20px;
			padding:20px;
			padding-top:0px;
	}
	
	.job-card-name-heading{
			color:#2584b4;
	}
	
	.job-card-read-more{
		text-decoration:none;
		float:right;
		margin-bottom:10px;
		background-color:#2584b4;
		color:white;
	}
	
	.job-description-div{
		background-color:#ddd;
		padding:10px;
	}
	
	.job-description-name{
			padding:10px;
			margin-top:10px;
			margin-right:10px;
			margin-bottom:10px;
			font-size:20px;
			color:#2584b4;
	}
	
	.tooltip {
				position: relative;
				display: inline-block;
			}

			.tooltip .tooltiptext {
				visibility: hidden;
				width: 140px;
				background-color: #555;
				color: #fff;
				text-align: center;
				border-radius: 6px;
				padding: 5px;
				position: absolute;
				z-index: 1;
				bottom: 150%;
				left: 50%;
				margin-left: -75px;
				opacity: 0;
				transition: opacity 0.3s;
			}

			.tooltip .tooltiptext::after {
				content: "";
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -5px;
				border-width: 5px;
				border-style: solid;
				border-color: #555 transparent transparent transparent;
			}

			.tooltip:hover .tooltiptext {
				visibility: visible;
				opacity: 1;
			}
			
@media screen and (max-width: 500px) and (min-width: 300px) { 
		.logo-img{
			margin-left:20px;
			height:50px;
		}
  
		.logo-name{
		  color:#2584b4;
		  font-size:15px;
		  margin-top:10px;
		  float:left;
		}
		.logo-tag-line{
			margin-top:0%;
			margin-left:10px;
			font-size:10px;
		}
		
		.banner-div{
				height:80%;
		}
		
		.home-page-banner-img{
				width:100%;
				height:50%;
				padding-left:20px;
				padding-right:20px;
		}
		
		.welcome-text{
				padding-left:20px;
				padding-right:22px;
				font-size:12px;
				color:#2584b4;
		}
		.services-main-div{
			margin-left:20px;
			margin-right:20px;
			margin-bottom:20px;
			background-color:#f5f5f5;
			padding-top:20px;
			padding-bottom:20px;
		}
	
		.services-col-div{
				padding-top:20px;
				float:left;
		}
	
		.services-col-div a{
			text-decoration:none;
			text-align:center;
		}

		.services-col-img{
				height:100px;
				width:100px;
		}
		.video-title{
			font-size: 16px;
			padding:10px;
			background-color:orange;
			width:60%;
			margin-top:4px;
		}	
		.service-text-space{
			margin-top:30px;
		  }
}