html { -webkit-text-size-adjust: 100%; }
body {	margin: 0px;	background-color: #FFFFFF; }
div { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 17px; line-height: 130%; color: #333333; box-sizing: border-box; }
input, textarea, select { font-family: 'Roboto', arial, helvetica, sans-serif; }
a { color: #3366CC; text-decoration: none; }
a:hover {	text-decoration: underline; }
img { max-width: 100%; max-height: 100%; width: 100%; border: none; }
form { margin: 0px; padding: 0px; }

.Video { position: relative; padding-bottom: 56.25%; height: 0px; background-color: #000000; } /* 16:9 */	
.Video iframe { position: absolute; top: 0px;	left: 0px; width: 100%; height: 100%; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.Row { display: block; margin: 0px auto; }
.Row .Content { display: block; max-width: 900px; margin: 0px auto; padding: 60px 20px; font-weight: 300; }
.Row .Content h1 { font-size: 28px; line-height: 31px; font-weight: 900; text-align: center; margin-bottom: 50px; }
.Row .Content h2 { font-size: 26px; line-height: 29px; font-weight: 900; }
.Row .Content h3 { font-size: 24px; line-height: 27px; font-weight: 900; }
.Row .Content h4 { font-size: 22px; line-height: 25px; font-weight: 900; }
.Row .Content h5 { font-size: 20px; line-height: 23px; font-weight: 900; }
.RowA { background-color: #FFFFFF; }
.RowA .Content { color: #333333; }
.RowB { background-color: #ECECEC; }
.RowB .Content { color: #333333; }

.Image { display: block; max-width: 300px; margin: 0px auto 15px auto; }

#SmallSeals { text-align: center; }
#SmallSeals img { max-width: 100px; margin: 0px 8px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#Grades { }
#Grades .Row { }
#Grades .Row .Col { display: block; margin: 0px auto 15px auto; padding-bottom: 15px; border-bottom: solid 1px #CCCCCC; } 
#Grades .Row .Col .Grade { display: table; width: 100%; }
#Grades .Row .Col .Grade .Pic { display: table-cell; width: 100px; vertical-align: middle; padding-right: 15px; }
#Grades .Row .Col .Grade .Text { display: table-cell; width: auto; vertical-align: middle; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#HomePromo { background-color: #2564b8; background-repeat: no-repeat; background-position: center center; background-image: url(../Images/Background-HomePromo-Field.jpg); background-size: cover; }
#HomePromo .Content { }
#HomePromo .Content .Col { text-align: center; margin: 0px auto 30px auto; }
#HomePromo .Content .Col .Headline { display: block; max-width: 600px; margin: 0px auto 30px auto; font-size: 30px; line-height: 34px; color: #FFFFFF; text-transform: uppercase; text-align: center; font-weight: 900; }
#HomePromo .Content .Col .Text { display: block; max-width: 600px; margin: 0px auto 50px auto; font-size: 18px; color: #FFFFFF; text-align: center; }
#HomePromo .Content .Col .Button { display: block; width: 180px; margin: 0px auto; border: solid 1px #FFFFFF; text-transform: uppercase; font-size: 14px; color: #FFFFFF; font-weight: 400; }
#HomePromo .Content .Col .Button a { display: block; padding: 15px 30px; text-decoration: none; color: #FFFFFF; text-align: center; }
#Seal img { max-width: 250px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#Footer { }
#Footer .Content { text-align: center; font-size: 12px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#Science .Headline { display: block; margin: 0px auto 15px auto; padding-bottom: 15px; font-size: 16px; color: #000000; border-bottom: dotted 1px #CCCCCC; }
#Science .Headline a { color: #000000; }

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* DESKTOP/LAPTOP COMPUTERS */
@media (min-width: 700px) {

.Row .Content { display: block; max-width: 900px; margin: 0px auto; padding: 40px 20px 80px 20px; overflow: auto; }
.Row .Content h1 { font-size: 40px; line-height: 43px; }
.Image { }
#Image1 { display: block; max-width: 460px; margin: 0px auto 15px auto; }
#Image2 { max-width: 430px; float: right; margin: 0px 0px 15px 0px; }
#Grades { display: table; width: 100%; max-width: 600px; margin: 0px auto; }
#Grades .Row { display: table-row; }
#Grades .Row .Col { display: table-cell; vertical-align: top; width: 50%; padding: 15px 15px 15px 0px; }
#Grades .Row .Col .Grade { width: auto; }
#HomePromo .Content { display: table; width: 100%; }
#HomePromo .Content .Col { display: table-cell; vertical-align: middle; }
#HomePromo .Content .Col .Headline { font-size: 52px; line-height: 55px; }
#Seal img { max-width: 100%; }
#SmallSeals img { max-width: 160px; }
#Glyphosate { }
#Glyphosate .Content { display: table; width: 100%; margin: 0px auto; max-width: 1200px; }
#Glyphosate .Content .Col { display: table-cell; width: auto; vertical-align: top; padding-right: 30px; }
#Glyphosate .Content .Col h1 { text-align: left !important; }
#Science { width: 300px!important; padding-right: 0px!important; }

}

@media (min-width: 1120px) {

#Image1 { float: right; margin: 0px 0px 15px 15px; }

}