/* --------media query for mobile device screen size------ */	
@media only screen and (max-width: 640px) {
  /* For Mobile: */
 [class*="col-"] {
  width: 100%;}
/* wrapper for mobile device */
.col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%; padding: 0px 5px;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
.wrapper-m {
	width: 95%;  
	margin: 0px auto;
  padding: 0px;
	display: table; /* must put this in for FireFox. */
	position: static;
  font-size: 0.8em;
  font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;

	border-radius: 0px 75px 80px 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}
  h3 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
h4 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.3em;
text-align: center;
font-weight: bold;
}
h5 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.2em;
text-align: left;
font-weight: bold;
}
h6 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 0.8em;
text-align: left;
font-weight: normal; 
color: #999;
text-align: center;
padding: 0em 5em 0em 5em;
}
.imgcont {
  margin: 0;
	padding: 0em 0.5em 0em 0.5em;
  width: 100%;
  color: #454545;
  float: right;
}
* {height: auto;}
}
/* media query for screen size above 600 or tablet screen size */	
@media only screen and (min-width: 641px) {
  /* For tablets: */

  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%; padding: 0px 10px;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}

  .wrapper-s {
	width: 85%;  
	margin: 0px auto;
  text-align: left;
	display: table; /* must put this in for FireFox. */
	position: static;
  font-size: 1em;
  font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
	border-radius: 0px 75px 80px 0px;
  	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}
  h3 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.6em;
text-align: center;
font-weight: bold;
}
h4 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
h5 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.2em;
text-align: left;
font-weight: bold;
}
h6 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 0.8em;
text-align: left;
font-weight: normal;
color: #999;
text-align: center;
padding: 0em 5em 0em 5em;
}
.imgcont {
  margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
  width: 60%;
  color: #454545;
  float: right;
}
* {height: auto;}
}
/* media query for screen size above 768 or computer/laptop screen size */	
@media only screen and (min-width:1024px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%; padding: 0px 10px;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
	.wrapper-b {
	width: 80%;
	/*max-width: 0px;*/
	margin: 0px auto;
	display: table; /* must put this in for FireFox. */
	position: static;
  font-size: 1.2em;
  font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
	border-radius: 0px 75px 80px 0px;
  	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}
  h3 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.8em;
text-align: center;
font-weight: bold;
}
h4 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
h5 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 1.2em;
text-align: left;
font-weight: bold;
}
h6 { font-family:'Arial Narrow', Arial , sans-serif, Franklin Gothic Narrow;
font-size: 0.8em;
text-align: left;
font-weight: normal;
color: #999;
text-align: center;
padding: 0em 5em 0em 5em;
}
.imgcont {
  margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
  width: 60%;
  color: #454545;
  float: right;
}
* {height: auto;}

}