@charset "UTF-8";
/* CSS Document */

body { background: white!important; margin: 0; padding: 0; }
.container p, .container h1, .container h2 { font-family: Arial, Helvetica, "sans-serif"; text-align: left; }
.container { max-width: 100%; width: 100%; background: white; min-height: 400px; margin: 0 auto; }
.container h1 { text-align: center; font-size: 24pt; text-align: center; }
.container h2 { font-size: 14pt; }
.container h4 { font-size: 21px; }
.center { margin-left: auto; margin-right: auto; display: block; }
.container p { font-size: 12pt; line-height: 14pt; }
.container a { color: gray; }
.container ul { list-style-position: outside; padding-left: 14px; line-height: 12pt; }
.container li { margin-bottom: 6px; }
.footer p { text-align: center; line-height: 12pt; margin-bottom: 8px; }
.footer .lineone { font-size: 12pt;}
.footer .linetwo { font-size: 14pt; font-weight: bold; }
.footer .linethree { font-size: 8pt;}
.footer a { color: black; }
.three img { width: 100%; }
.middlemessage { background: black; padding: 14px; margin-bottom: 20px!important; }
.middlemessage h2 { color: white; font-size: 18pt; text-align: center; }
img#hero, .three img { width: 100%; }
.container .row { width: 100%!important; }
.categories { background-size: cover; }
.jotform-form {padding: 35px 0!important;}
h4, h5 {letter-spacing: -.5px;}
#header-new {padding: 0 20px 0 20px;}
h4 {padding-left: 20px!important; padding-right: 20px!important;}

/* 2020 DEALERS */

.rowspacer { width: 100%; height: 15px; float: none; }
.slices h2 { font-size: 22pt; } 
.slices img { width: 100%; }
a.ctabutton { padding: 10px; background: black; color: white; font-weight: bold; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-top: 20px; display: inline-block; }
#dealer-description { float: left; }
#dealer-form { float: right; }

/* BLACK FRIDAY*/

#header-new h4 { margin-top: 0; padding: 20px; background-color: #c00; color: white; font-size: 28px; }

/* YOUTUBE */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* DESKTOP */ 
@media screen and (min-width: 800px) {
.container { max-width: 800px; }
#bucket-elevator { background-image: url(images/bucket-elevator-sm.jpg); }
#grain-distributors { background-image: url(images/grain-distributors-sm.jpg); }
#drag-conveyers { background-image: url(images/drag-conveyers-sm.jpg); }
#bin-sweeps { background-image: url(images/bin-sweeps-sm.jpg); }
#brock-storage { background-image: url(images/brock-storage-sm.jpg); }
#brock-handling{ background-image: url(images/brock-handling-sm.jpg); }
#brock-conditioning { background-image: url(images/brock-conditioning-sm.jpg); }
#brock-structures { background-image: url(images/brock-structures-sm.jpg); }
}

/* TABLET */ 
@media screen and (max-width: 799px) {
#bucket-elevator { background-image: url(images/bucket-elevator.jpg); }
#grain-distributors { background-image: url(images/grain-distributors.jpg); }
#drag-conveyers { background-image: url(images/drag-conveyers.jpg); }
#bin-sweeps { background-image: url(images/bin-sweeps.jpg); }
#brock-storage { background-image: url(images/brock-storage.jpg); }
#brock-handling { background-image: url(images/brock-handling.jpg); }
#brock-conditioning { background-image: url(images/brock-conditioning.jpg); }
#brock-structures { background-image: url(images/brock-structures.jpg); }
#dealer-description, #dealer-form { float: none; }
#dealer-logo {max-width: 500px;}
#dealer-paragraph {font-size: 1.25em!important; line-height: normal!important;}

}

/* PHONE */ 
@media screen and (max-width: 560px) {
.three img { width: 100%; margin-top: 20px; }
	.footer a { margin-top: 20px; display: block;  }
	.footer span { display: none; }

}

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 560px), 
(min-resolution: 120dpi) and (max-width: 560px){ 
    .container { width: 100%; max-width: 1000px; }
    .six, .three { float: none!important; width: 100%!important; }
    .three img { width: 100%; margin-top: 20px; }
	.footer a { margin-top: 20px; display: block;  }
	.footer span { display: none; }
	.container p, .container li { font-size: 22pt; line-height: 26pt; }
	.container ul { padding-left: 28px;  }
	.container h1 { font-size: 48pt; }
	.container h2 { font-size: 26pt; }
	.footer .lineone { font-size: 18pt;}
	.footer .linetwo { font-size: 22pt;  }
	.footer .linethree { font-size: 16pt;}
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3) and (max-width: 560px), 
(min-resolution: 124.8dpi) and (max-width: 560px){ 
    .container { width: 100%; max-width: 1000px; }
    .six, .three { float: none!important; width: 100%!important; }
    .three img { width: 100%; margin-top: 20px; }
	.footer a { margin-top: 20px; display: block;  }
	.footer span { display: none; }
	.container p, .container li { font-size: 22pt; line-height: 26pt; }
	.container ul { padding-left: 28px;  }
	.container h1 { font-size: 48pt; }
	.container h2 { font-size: 26pt; }
	.footer .lineone { font-size: 18pt;}
	.footer .linetwo { font-size: 22pt;  }
	.footer .linethree { font-size: 16pt;}
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 560px), 
(min-resolution: 144dpi) and (max-width: 560px){ 
    .container { width: 100%; max-width: 1000px; }
    .six, .three { float: none!important; width: 100%!important; }
    .three img { width: 100%; margin-top: 20px; }
	.footer a { margin-top: 20px; display: block;  }
	.footer span { display: none; }
	.container p, .container li { font-size: 22pt; line-height: 26pt; }
	.container ul { padding-left: 28px;  }
	.container h1 { font-size: 48pt; }
	.container h2 { font-size: 26pt; }
	.footer .lineone { font-size: 18pt;}
	.footer .linetwo { font-size: 22pt;  }
	.footer .linethree { font-size: 16pt;}
}

@media 
(-webkit-min-device-pixel-ratio: 2) and (max-width: 560px), 
(min-resolution: 192dpi) and (max-width: 560px) { 
    .container { width: 100%; max-width: 1000px; }
    .six, .three { float: none!important; width: 100%!important; }
    .three img { width: 100%; margin-top: 20px; }
	.footer a { margin-top: 20px; display: block;  }
	.footer span { display: none; }
	.container p, .container li { font-size: 22pt; line-height: 26pt; }
	.container ul { padding-left: 28px;  }
	.container h1 { font-size: 48pt; }
	.container h2 { font-size: 26pt; }
	.footer .lineone { font-size: 18pt;}
	.footer .linetwo { font-size: 22pt;  }
	.footer .linethree { font-size: 16pt;}
}