body {width: 98%;background-image: url(https://glassdivider.com/Assets/images/bg-horizontal-strip.gif);background-position: center;margin-top: -0px;font: 15px/18px Arial, Helvetica, sans-serif;}
#user {padding-top: 10px;padding-right: 5px;font: 10px/18px Arial, Helvetica, sans-serif;color: #FFF;}
.nav ul, nav:active ul {list-style-type:none;display:inline-block;float: right;right:-40px;margin-top:5px;margin-bottom:5px;}

/*============================= Page Personlization Starts ===============================*/
.skip-link:focus {  top: 0;}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}
#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}
.divider {display: none;}
.smaller { font-size:80%; }
.cutsheet {padding-left: 15px;cursor:pointer;font: 11px/15px Arial, Helvetica, sans-serif;}
.more-info ul{
	text-align: center;
	padding-left: 25%;
	padding-right: 20%;
}
.more-info ul li{margin-right: 20%;}
.design ul {
	height: 100px;
	text-decoration-line: none;
}

#help ul li{
	float:right;
	display:block
	position:relitive;
	margin-right:20px;
	padding-top:3px;
}
#help ul li a {font 12px/18px Arial, Helvetica, sans-serif;color: #0E7AB0;text-decoration:none;}
#wrapper3 {
	margin:.5%;
	clear:left;
	float:left;
	width:99%;
	overflow:hidden;
	background:#f3f1f1; 
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#384749;
	}
#wrapper3 h2{
	background-color: #d7d5d5;
	padding-left: 10px;
	padding-top:5px;
	height: 20px;
	margin: 3px 6px;	
}

#wrapper3 p{
	margin:10px;
}
#wrapper3 li {
	margin-left:5%;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
#wrapper3 ul li {
	
	position: relitive;
	top: 20px;
	display: inline-block;
}
#wrapper3 ul li a {
	float: right;
	position: relitive;
	padding-top:2px;;
	text-decoration: none;
	display: inline-block;
	font: 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#384749;
}
/* Start of Column CSS */
#container3 {
	border: 2px solid #373737;
	clear:left;
	float:left;
	width:99.5%;
	overflow:hidden;
	background:#fff; /* column 4 background colour */
}
#container3 h3{
	background-color: #E1E1E1;
	color: #686868;
	text-align: center;	
	padding-left: 6px;
	height: 22px;
	padding-top:5px;
	margin-left:2px;
	margin-rignt: 1px;
	border-right: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid black;
	
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33%;
	background:#fff; /* column 2 background colour */
	border-right: 2px solid #373737;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:33%;
	background:#fff; /* column 1 background colour */
	border-right: 2px solid #373737;
}
#col1 {
	float:left;
	width:33.66%;
	position:relative;
	left:66%;
	overflow:hidden;
}
#col1 img{width: 91%;padding-left:2px}
#col1 p {height: 150px;}
#col1 ul li a{color: #384749;text-decoration: none;}
#col1 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("https://glassdivider.com/Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}
#col2 {
	float:left;
	width:32%;
	position:relative;
	left:67%;
	overflow:hidden;
}
#col2 img{width: 96%;padding-left:2px;}
#col2 p {height: 150px;}
#col2 ul li a{color: #384749;text-decoration: none;}
#col2 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("https://glassdivider.com/Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}
#col3 {
	float:left;
	width:32%;
	position:relative;
	left:67.8%;
	overflow:hidden;
}
#col3 img{width: 96%;padding-left:2px;}
#col3 p {height: 150px;}
#col3 ul li a{color: #384749;text-decoration: none;}
#col3 h2 {
	color: #686868;
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 22px;
	padding-top: 10px;
	text-align: center;
	background-image: url("https://glassdivider.com/Assets/T-bar_gradBT2.gif");
	margin-bottom: 10px;
}

#more-info {color: #13AC99}
/*============================= Responsive Media 780px ===============================*/
@media screen and (max-width: 780px) {
	#col1 img{width: 90%;padding-left:2px}
	#col2 img{width: 90%;padding-left:2px;}
#col1 p {height: 200px;}
#col2 p {height: 200px;}
#col3 p {height: 200px;}
#col4 p {height: 200px;}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:0%;
	background:#aqua; /* column 3 background colour */
	border-right: 2px solid #373737;
}
#container2 {
	clear:left;
	float:left;
	width:99.2%;
	position:relative;
	right:0%;
	background:#fff; /* column 2 background colour */
	border-right: 2px solid #373737;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background:#fff; /* column 1 background colour */
	border-right: 2px solid #373737;
}	
	
#col1 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}	

#col2 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}	

#col3 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}	

#col4 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}

}

/*============================= Responsive Media 480px ===============================*/
@media screen and (max-width: 478px) {
#title-long {display:none;}
#title-short {display:block;}	
.cutsheet1 ul li b a {font: 16px/30px Arial, Helvetica, sans-serif;}

.divider {display: block; margin-left: 2%; height: 10px;width: 106% }
.design ul {padding-left: 10%;}
#container3 {
	clear:left;
	float:left;
	width:99.2%;
	position:relative;
	right:0%;
	background:#aqua; /* column 3 background colour */
	border-right: 2px solid #373737;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:0%;
	background:#fff; /* column 2 background colour */
	border-right: 2px solid #373737;
}
#container1 {
	float:left;
	width:99.5%;
	position:relative;
	right:100%;
	background:#fff; /* column 1 background colour */
	border-right: 2px solid #373737;
}	
#col1 p {height: 80px;}
#col2 p {height: 80px;}
#col3 p {height: 80px;}
#col4 p {height: 80px;}	
#col1 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	
#col2 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	
	
#col3 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	
#col4 {
	float:left;
	width:100%;
	position:relative;
	left:100%;
	overflow:hidden;
}	


}
<p>/*============================= Page Personlization Starts ===============================*/</p>
<p>#header h1,<br>
  #header h2,<br>
  #header p {<br>
  margin-left:2%;<br>
  padding-right:2%;<br>
  }<br>
  .divider {display: none;}<br>
  .smaller { font-size:80%; }<br>
  .cutsheet {float: right; padding-right: 15px;cursor:pointer;font: 11px/15px Arial, Helvetica, sans-serif;}<br>
  #more-info ul{<br>
  text-align: center;<br>
  text-decoration-line: none;<br>
  }<br>
  .more-info ul li{margin-right: 10%;}<br>
  .design ul {<br>
  height: 100px;<br>
  text-decoration-line: none;<br>
  }</p>
<p>#help ul li{<br>
  float:right;<br>
  display:block<br>
  position:relitive;<br>
  margin-right:20px;<br>
  padding-top:3px;<br>
  }<br>
  #help ul li a {font 12px/18px Arial, Helvetica, sans-serif;color: #0E7AB0;text-decoration:none;}<br>
  #wrapper3 {<br>
  margin:.5%;<br>
  clear:left;<br>
  float:left;<br>
  width:99%;<br>
  overflow:hidden;<br>
  background:#f3f1f1; <br>
  font: 12px/15px Arial, Helvetica, sans-serif;<br>
  color:#384749;<br>
  }<br>
  #wrapper3 h2{<br>
  background-color: #d7d5d5;<br>
  padding-left: 10px;<br>
  padding-top:5px;<br>
  height: 20px;<br>
  margin: 3px 6px; <br>
  }</p>
<p>#wrapper3 p{<br>
  margin:10px;<br>
  }<br>
  #wrapper3 li {<br>
  margin-left:5%;<br>
  display: block;<br>
  margin-bottom: 10px;<br>
  text-decoration: none;<br>
  }<br>
  #wrapper3 ul li {<br>
  <br>
  position: relitive;<br>
  top: 20px;<br>
  display: inline-block;<br>
  }<br>
  #wrapper3 ul li a {<br>
  float: right;<br>
  position: relitive;<br>
  padding-top:2px;;<br>
  text-decoration: none;<br>
  display: inline-block;<br>
  font: 12px/15px Arial, Helvetica, sans-serif;<br>
  font-weight: bold;<br>
  color:#384749;<br>
  }<br>
  /* Start of Column CSS */<br>
  #container3 {<br>
  border: 2px solid #373737;<br>
  clear:left;<br>
  float:left;<br>
  width:99.5%;<br>
  overflow:hidden;<br>
  background:#fff; /* column 4 background colour */<br>
  }<br>
  #container3 h3{<br>
  background-color: #E1E1E1;<br>
  color: #686868;<br>
  text-align: center; <br>
  padding-left: 6px;<br>
  height: 22px;<br>
  padding-top:5px;<br>
  margin-left:2px;<br>
  margin-rignt: 1px;<br>
  border-right: 2px solid white;<br>
  border-left: 2px solid white;<br>
  border-bottom: 2px solid black;<br>
  <br>
  }</p>
<p>#container2 {<br>
  clear:left;<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  right:33%;<br>
  background:#fff; /* column 2 background colour */<br>
  border-right: 2px solid #373737;<br>
  }<br>
  #container1 {<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  right:33%;<br>
  background:#fff; /* column 1 background colour */<br>
  border-right: 2px solid #373737;<br>
  }<br>
  #col1 {<br>
  float:left;<br>
  width:33.66%;<br>
  position:relative;<br>
  left:66%;<br>
  overflow:hidden;<br>
  }<br>
  #col1 img{width: 91%;padding-left:2px}<br>
  #col1 p {height: 150px;}<br>
  #col1 ul li a{color: #384749;text-decoration: none;}<br>
  #col1 h2 {<br>
  color: #686868;<br>
  font: 14px/22px Arial, Helvetica, sans-serif;<br>
  height: 22px;<br>
  padding-top: 10px;<br>
  text-align: center;<br>
  background-image: url("https://glassdivider.com/Assets/T-bar_gradBT2.gif");<br>
  margin-bottom: 10px;<br>
  }<br>
  #col2 {<br>
  float:left;<br>
  width:32%;<br>
  position:relative;<br>
  left:67%;<br>
  overflow:hidden;<br>
  }<br>
  #col2 img{width: 96%;padding-left:2px;}<br>
  #col2 p {height: 150px;}<br>
  #col2 ul li a{color: #384749;text-decoration: none;}<br>
  #col2 h2 {<br>
  color: #686868;<br>
  font: 14px/22px Arial, Helvetica, sans-serif;<br>
  height: 22px;<br>
  padding-top: 10px;<br>
  text-align: center;<br>
  background-image: url("https://glassdivider.com/Assets/T-bar_gradBT2.gif");<br>
  margin-bottom: 10px;<br>
  }<br>
  #col3 {<br>
  float:left;<br>
  width:32%;<br>
  position:relative;<br>
  left:67.8%;<br>
  overflow:hidden;<br>
  }<br>
  #col3 img{width: 96%;padding-left:2px;}<br>
  #col3 p {height: 150px;}<br>
  #col3 ul li a{color: #384749;text-decoration: none;}<br>
  #col3 h2 {<br>
  color: #686868;<br>
  font: 14px/22px Arial, Helvetica, sans-serif;<br>
  height: 22px;<br>
  padding-top: 10px;<br>
  text-align: center;<br>
  background-image: url("https://glassdivider.com/Assets/T-bar_gradBT2.gif");<br>
  margin-bottom: 10px;<br>
  }</p>
<p>#more-info {color: #13AC99}<br>
  /*============================= Responsive Media 780px ===============================*/<br>
  @media screen and (max-width: 780px) {<br>
  #col1 img{width: 90%;padding-left:2px}<br>
  #col2 img{width: 90%;padding-left:2px;}<br>
  #col1 p {height: 200px;}<br>
  #col2 p {height: 200px;}<br>
  #col3 p {height: 200px;}<br>
  #col4 p {height: 200px;}<br>
  #container3 {<br>
  clear:left;<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  right:0%;<br>
  background:#aqua; /* column 3 background colour */<br>
  border-right: 2px solid #373737;<br>
  }<br>
  #container2 {<br>
  clear:left;<br>
  float:left;<br>
  width:99.2%;<br>
  position:relative;<br>
  right:0%;<br>
  background:#fff; /* column 2 background colour */<br>
  border-right: 2px solid #373737;<br>
  }<br>
  #container1 {<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  right:50%;<br>
  background:#fff; /* column 1 background colour */<br>
  border-right: 2px solid #373737;<br>
  } <br>
  <br>
  #col1 {<br>
  float:left;<br>
  width:50%;<br>
  position:relative;<br>
  left:50%;<br>
  overflow:hidden;<br>
  } </p>
<p>#col2 {<br>
  float:left;<br>
  width:50%;<br>
  position:relative;<br>
  left:50%;<br>
  overflow:hidden;<br>
  } </p>
<p>#col3 {<br>
  float:left;<br>
  width:50%;<br>
  position:relative;<br>
  left:50%;<br>
  overflow:hidden;<br>
  } </p>
<p>#col4 {<br>
  float:left;<br>
  width:50%;<br>
  position:relative;<br>
  left:50%;<br>
  overflow:hidden;<br>
  }</p>
<p>}</p>
<p>/*============================= Responsive Media 480px ===============================*/<br>
  @media screen and (max-width: 478px) {<br>
  #title-long {display:none;}<br>
  #title-short {display:block;} <br>
  .cutsheet1 ul li b a {font: 16px/30px Arial, Helvetica, sans-serif;}</p>
<p>.divider {display: block; margin-left: 2%; height: 10px;width: 106% }<br>
  .design ul {padding-left: 10%;}<br>
  #container3 {<br>
  clear:left;<br>
  float:left;<br>
  width:99.2%;<br>
  position:relative;<br>
  right:0%;<br>
  background:#aqua; /* column 3 background colour */<br>
  border-right: 2px solid #373737;<br>
  }<br>
  #container2 {<br>
  clear:left;<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  right:0%;<br>
  background:#fff; /* column 2 background colour */<br>
  border-right: 2px solid #373737;<br>
  }<br>
  #container1 {<br>
  float:left;<br>
  width:99.5%;<br>
  position:relative;<br>
  right:100%;<br>
  background:#fff; /* column 1 background colour */<br>
  border-right: 2px solid #373737;<br>
  } <br>
  #col1 p {height: 80px;}<br>
  #col2 p {height: 80px;}<br>
  #col3 p {height: 80px;}<br>
  #col4 p {height: 80px;} <br>
  #col1 {<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  left:100%;<br>
  overflow:hidden;<br>
  } <br>
  #col2 {<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  left:100%;<br>
  overflow:hidden;<br>
  } <br>
  <br>
  #col3 {<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  left:100%;<br>
  overflow:hidden;<br>
  } <br>
  #col4 {<br>
  float:left;<br>
  width:100%;<br>
  position:relative;<br>
  left:100%;<br>
  overflow:hidden;<br>
  } <br>
</p>
<p>}</p>