@media screen and (max-width:500px) {
}

@media screen and (max-width:450px) {
.site div.supply table {
    width: fit-content;
}

.site div.supply table td {
    width: 96%;
    height: auto;
    border: 5px solid #F1F1F0;
    margin: 0 auto 20px;
	padding-bottom:10px;
	float:none;
}
.site div.supply table td:first-child {margin: 0 auto 20px;}
}
@media screen and (max-width:620px) {
.site div.barricades table td {
    width: 100%;
	height:auto;
    margin: 0 0 20px;
    font-size: 100%;
    float: none;
}
}

@media screen and (min-width:300px) and (max-width: 767px) {
header.site-header {
	background-position:bottom center;
    height: auto;
}

div#top-header {
    width: 98%;
}

header.site-header h3 {
    font-size: 100%;
    letter-spacing: 0.5pt;
	float:none;
	text-align:center;
	padding:5px 0 0;
}

nav.main-navigation {
	display:none;
}

.site-header hgroup {
    width:100%;
}

div.logo {
    float: none;
    margin: 0 auto;
    width: 90%;
    padding: 15px 2%;
}

div.header-cta {
    float: none;
    text-align: center;
    margin: 10px 0;
	font-size:150%;
}

div.header-cta a {
    font-size: 170%;
}

div.header-cta a.header-phone {
	font-size:100%;
}

.site-header h1.site-title {
    font-size: 200%;
}

div.supply table {
    width: fit-content;
}

div.supply table td {
	width:29%;
	height:300px;
	border: 5px solid #F1F1F0;
	margin:0 1% 20px;
}
div.supply table td:first-child {
	margin:0 1%;
} 

div.supply table td h1 {
    height: 70px;
    font-size: 20px;
}

div.barricades {
	margin:0;
    padding:0 0 20px;
}

div.barricades h1 {
    font-size: 200%;
    margin: 30px 0 0;
}

.barricades div.inside {
    width:96%;
}

div.barricades table td {
	width:18%;
	height:auto;
    margin: 0 1%;
    font-size: 100%;
}
div.barricades table td:last-child {
    margin: 0 4px;
}

body.template-front-page div.site-content {
    width:100%;
}

div.site-content {
    width: 96%;
    padding: 25px 0;
}

.entry-content table.home-tbl td {
    width:100%;
	float:none;
    min-height: 100%;
	height:auto;
    margin: 0 auto 20px;
	padding-bottom:10px;
	font-size:16px;
}

.entry-content table.home-tbl h2 {
    font-size: 16px;
}

.entry-content table.home-tbl ul li {
    line-height: 1.7;
    margin:0 0 15px 10px;
    padding:0 10px 0 30px;
}

.entry-content table.home-tbl td p {
    padding: 0 20px 0 40px;
}

div#contact-form table {
    width:100%;
}

div#contact-form table td:first-child {
	display:block;
    width: 96%;
    padding:0;
	margin:0 auto;
    font-size: 25px;
}
div#contact-form table td:first-child h3,
div#contact-form table td:first-child p {
	text-align:center;
}

div#contact-form table td:last-child {
	display:block;
	text-align:center;
	margin:25px auto 0;
    width:94%;
	padding:0;
}

div#contact-form table td:last-child img {
	width:98%;
	height:auto;
}

div#contact-form table td:last-child strong {
    font-size: 130%;
}

div#contact-form .gform_wrapper .top_label input.medium {
    width: 100%;
}

div#contact-form .gform_wrapper textarea.medium {
    width: 99%;
}

.entry-header h1.entry-title {
    font-size: 220%;
}

/*Contact Page*/
.entry-content table.contact-tbl {
	width:100%;
}

.entry-content table.contact-tbl td {
	width:100%;
	display:block;
}

.contact-tbl img {
	width:90%;
	height:auto;
}
}

@media screen and (min-width:768px) and (max-width: 979px) {
header.site-header {
	background-position:bottom center;
    height: 140px;
}

div#top-header {
    width: 748px;
}

#top-header h3 {
	float:none;
	text-align:center;
}

nav.main-navigation {
	float: none;
	margin: 0 auto;
	text-align: center;
	width: 230px;
}

.site-header hgroup {
    width: 768px;
}

div.logo {
    float: none;
	margin:0 auto;
	width:605px;
}

div.header-cta {
    float: none;
    text-align: center;
    margin: 10px 0;
}

.site-header h1.site-title {
    font-size: 38px;
}

div.supply table {
    width: 768px;
}

div.supply table td {
	width:111px;
	height:260px;
	border: 5px solid #F1F1F0;
	margin:0 4px;
}

div.supply table td h1 {
    height: 70px;
    font-size: 20px;
}

div.barricades {
    padding:0 0 20px;
}

.barricades div.inside {
    width: 768px;
}

div.barricades table td {
	width:145px;
    margin: 0 4px;
    font-size: 16px;
}
div.barricades table td:last-child {
    margin: 0 4px;
}

body.template-front-page div.site-content {
    width:768px;
}

div.site-content {
    width: 748px;
    padding: 25px 0;
}

.entry-content table.home-tbl td {
    width: 100%;
    min-height: 560px;
    margin: 0 4px;
	font-size:16px;
}

.entry-content table.home-tbl h2 {
    font-size: 16px;
}

.entry-content table.home-tbl ul li {
    line-height: 1.7;
    margin:0 0 15px 10px;
    padding:0 10px 0 30px;
}

.entry-content table.home-tbl td p {
    padding: 0 20px 0 40px;
}

div#contact-form table {
    width:768px;
}

div#contact-form table td:first-child {
	display:block;
    width: 500px;
    padding:0;
	margin:0 auto;
    font-size: 25px;
}
div#contact-form table td:first-child h3,
div#contact-form table td:first-child p {
	text-align:center;
}

div#contact-form table td:last-child {
	display:block;
	text-align:center;
	margin:25px auto 0;
    width:500px;
	padding:0;
}

div#contact-form .gform_wrapper .top_label input.medium {
    width: 100%;
}

div#contact-form .gform_wrapper textarea.medium {
    width: 99%;
}

/*Contact Page*/
.entry-content table.contact-tbl {
	width:100%;
}

.entry-content table.contact-tbl td {
	width:100%;
	display:block;
}

.contact-tbl img {
	width:90%;
	height:auto;
}
}

@media screen and (min-width:980px) and (max-width: 1099px) {
.site-header hgroup {
    width: 980px;
}

div#top-header {
    width: 980px;
}

.site-header h1.site-title {
    font-size: 38px;
}

div.supply table {
    width: 980px;
}

div.supply table td {
	width:146px;
	border: 5px solid #F1F1F0;
	margin:0 4px;
}

.barricades div.inside {
    width: 980px;
}

div.barricades table td {
	width:188px;
    margin: 0 4px;
    font-size: 18px;
}
div.barricades table td:last-child {
    margin: 0 4px;
}

body.template-front-page div.site-content {
    width:980px;
}

div.site-content {
    width: 940px;
    padding: 25px 0;
}

.entry-content table.home-tbl td {
    width: 100%;
    min-height: 560px;
    margin: 0 5px;
}

.entry-content table.home-tbl h2 {
    font-size: 20px;
}

div#contact-form table {
    width:980px;
}

div#contact-form table td:first-child {
    width: 480px;
    padding: 0px 50px 0px 10px;
    font-size: 25px;
}

div#contact-form table td:last-child {
    width: 500px;
	padding: 0 10px 0 0;
}

.contact-tbl img {
	width:90%;
	height:auto;
}
}