@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=2b94954e-4c97-4360-a39c-4766eae8c0da");
@font-face{
font-family:"HelveticaNeueW02-45Ligh";
src:url("Fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
src:url("Fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("eot"),url("Fonts/7732d6de-bd05-4c17-ae43-99e9a02edf31.woff2") format("woff2"),url("Fonts/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"),url("Fonts/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype"),url("Fonts/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg");
}
@font-face{
font-family:"HelveticaNeueW02-55Roma";
src:url("Fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
src:url("Fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"),url("Fonts/b4cd926c-1a31-4785-b261-1db1a68c521e.woff2") format("woff2"),url("Fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("Fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"),url("Fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
}
@font-face{
font-family:"HelveticaNeueW02-75Bold";
src:url("Fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
src:url("Fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"),url("Fonts/2a5cf81d-ffbe-4c76-8982-270592fb36b0.woff2") format("woff2"),url("Fonts/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"),url("Fonts/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"),url("Fonts/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/

    *{
        margin: 0;
        padding: 0;
        font-weight: 100;
    }
    
    body{
        font-family: "HelveticaNeueW02-55Roma", sans-serif;
        font-size: 16px;
        color: #333333;
    }
    
    h1{
        font-family: "HelveticaNeueW02-55Roma", sans-serif;
        font-size: 48px;  
    }
    
    h2{
        font-family: "HelveticaNeueW02-45Ligh", sans-serif;
        font-size: 30px;
        padding-bottom: 15px;
    }
    
    h3{
        font-family: "HelveticaNeueW02-75Bold", sans-serif;
        font-size: 24px;
        padding-bottom: 30px;
    } 
    
    h4{
        font-family: "HelveticaNeueW02-55Roma", sans-serif;
        font-size: 20px;
        padding-bottom: 40px;
    } 
    
    p{
        line-height: 24px;
    }
    
    a{
        text-decoration: none;
        color: #333333;
    }

    b{
        font-family:"HelveticaNeueW02-75Bold";
    }

    .button{
        height: 48px;
        min-width: 180px;
        padding: 0 20px 0 20px;
        font-size: 16px;
        background-color: #ff6c00;
        border: none;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 48px;
    }

    ul li{
        margin-left: 20px;
        list-style-type: square;
        color: #ff6c00;
        margin-bottom: 10px;
    }
    
    ul li span{
        color: #333333;
    }
    
    ul li p{
        font-family: "HelveticaNeueW02-55Roma", sans-serif;
    }
    


    #bg_header{
        background-image: url(sugarbeet_field_heaven.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .bg_eyecatcher{
        background-color: #ff6c00;
        color: #fff;
    }
    
    .bg_grey{
        background-color: #f1f3f5;
    }
    
    .bg_green{
        background-color: #257150;
        color: #fff;
    }
    
    .bg_dark{
        background-color: #333333;
        color: #fff;
    }
    
    #bg_arrow{
        background-image: url(arrow.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 40%;
    }
    
    
/* BEGIN HEADER / LOGO */
    header{
        width: 70%;
        min-height: 40vh;
        margin: 0 auto;
        padding-bottom: 40px;
    }
    
    header img{
        width: 200px;
    }
    
    #headertxt{
        margin-top: 15%;
    }
    
    .row{
        width: 70%;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }
    
    header sup{
        font-size: 30px;
    }
/* END HEADER / LOGO */
    
    

/* BEGIN ROW 2 */
    #row2{
        display: flex;
        flex-direction: column;
        font-size: 22px;
    }
    
    #row2 img{
        margin-bottom: 30px;
        align-self: center;
    }
/* END ROW 2 */
    
    
    
/* BEGIN ROW 3 */
    #row3 img{
        width: 100%;
        margin-top: 30px;
    }
/* END ROW 3 */
    
    

/* BEGIN ROW 4 */
    #row4{
        background: linear-gradient(rgba(255,255,255,0) 55%, rgba(255,255,255,1));
    }

    #lists{
        margin-top: 40px;
    }
    
    .list{
        display: flex;
        flex-direction: column;
        margin-bottom: 60px;
    }
    
    #list1 img{
        width: 254px;
        margin: 30px 0 0 10px;
    }
    
    #list2 img{
        width: 138px;
        margin: 30px 0 0 80px;
    }

    #list3 p{
        margin-bottom: 20px;
    }
    
    #row4txt img{
        width: 100%;
    }
/* END ROW 4 */
    
    
    
/* BEGIN ROW 5 */ 
    #row5{
        display: flex;
        flex-direction: column;
    }
    
    #row5 h2{
        flex: 1;
        padding-right: 20px;
    }
    
    #row5 p{
        flex: 1;
        font-size: 24px;
        line-height: 30px;
    }
/* END ROW 5 */
    
    
    
/* BEGIN ROW 6 */
    #row6{
        display: flex;
        flex-direction: column;
        padding: 40px 0 40px 0;
    }
/* END ROW 6 */
    
    
    
/* BEGIN ROW 7 */
    #row7{
        display: flex;
        justify-content: space-between;
    }
    
    .company{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .company img{
        height: 60px;
    }
    
    .companytxt{
        padding: 20px 0 20px 0;
    }
    
    .companytxt p{
        font-size: 10px;
        line-height: 14px;
    }
    
    .companytxt a{
        font-size: 10px;
        line-height: 14px;
    }
    
    #company2{
        margin-left: 30px;
    }
    
/* END ROW 7 */
    
    
    
/* BEGIN FOOTER */
    footer{
        text-align: center;
        padding: 20px 0 20px 0;
        font-size: 12px;
    }

   footer a{
       color: #fff;
    }
/* END FOOTER */




    @media screen and (min-width: 600px) {
        #row2{
            flex-direction: row;
        }    
        
        #row2 img{
            margin: 0;
        }
        
        #row2txt{
            margin-left: 80px;
        }
        
        #row6{
            flex-direction: row;
        }

        .company img{
            height: 100px;
        }

        .companytxt p{
            font-size: 14px;
            line-height: 18px;
        }
        
        .companytxt a{
            font-size: 14px;
        }
        
        footer{
            font-size: 14px;
        }
    }



    
    @media screen and (min-width: 1000px) {
        header img{
            width: 220px;
         }
        
        #row3 img{
            width: 70%;
            margin: 50px 0 0 100px;
            align-self: flex-end;
        }
        
        .list{
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
        }
        
        #list3txt{
            flex: 1;
            padding-right: 50px;
        }
        
        #list3txt2{
            flex: 1;
        }
    
        #row6{
            flex-direction: row;
            justify-content: space-between;
        }

        .company{
            flex-direction: row;
        }

        .company img{
            height: 130px;
        }

        .companytxt{
            padding: 0 0 0 30px;
        }

        .companytxt p{
            font-size: 14px;
            line-height: 18px;
        }
        
        footer{
            font-size: 14px;
        }
        
    }
    
    @media screen and (min-width: 1300px) {
        h1{
            font-size: 60px;  
        }

        h2{
            font-size: 40px;
        }

        h3{
            font-size: 24px;
        } 

        h4{
            font-size: 24px;
        }
        
        
        
        header{
            width: 60%;
        }
        
        header sup{
            font-size: 35px;
        }
        
        #headertxt{
            margin-top: 10%;
            margin-bottom: 10%;
        }
        
        
        .row{
            width: 60%;
        }
        
        #row1 p, #row4_content{
            padding-left: 100px;
        }
        
        #lists{
            width: 80%;
        }
        
        .list{
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
        }

        #list1 img, #list2 img{
            margin: 0;
        }
        
        #row5{
            flex-direction: row;
        }
        
        #row6{
            flex-direction: row;
            justify-content: space-between;
        }
        
        #row7{
            width: 50%;
        }

        footer{
            font-size: 14px;
        }
    }