.topnav {
	display:none;	
}
.hero-container {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
@media (min-width:721px) and (max-width:1200px) {
	.industriesContainer {
		width:80%;
	}
	
	.serviceContainer, .customerContainer {
		width:80%;
	}
	.footerContainer div {
		width:50%;
	}
	.hero-container {
		height: 82vw;
	}
	.topnav img {
		width:40%;	
	}
}

@media only screen and (max-width: 720px) { 
	
	.topnav img {
		width:160px;	
	}
	.slick-list {
		margin-top:120px;
	}
	.hero-container {
		height: 100vw;
	}
	.hero-description {
		top:45%;	
	}
	.hero-heading {
		font-size: 45px;
	}
	.headerLinks {
		display:none;
	}
	.hero-subHeading {
		width:100%;	
	}
	.topnav {
		display: block;	
	}
	

		/* Style the navigation menu */
	.topnav {
	  overflow: hidden;
	  background-color: #333;
	  position: relative;
	}
	
	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav #myLinks {
	  display: none;
	}
	
	/* Style navigation menu links */
	.topnav a {
	  color: white;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
	  display: block;
	}
	
	/* Style the hamburger menu */
	.topnav a.icon {
	  background: #323232;
	  display: block;
	  position: absolute;
	  right: 0;
	  top: 35px;
	}
	
	/* Add a grey background color on mouse-over */
	#myLinks a:hover {
	  background-color: #ddd;
	  color: black;
	}
	
 
	.industriesContainer {
		width:80%;
	}
	.indContent {
		width:95%;	
	}
	.customerContent {
		width:90%;	
	}
	.serviceContainer, .customerContainer {
		display:block;
		width:85%;
	}
	
	.footerContainer {
		display:block;
		overflow:auto;
	}
	.footerContainer div {
		width:95%;
		padding:30px 2px;
	}
	.navigationLinks {
		display:none;
	}
}