body {
    font-family: 'Open Sans',sans-serif;
}

h1, h2, h3, h4, h5, h6, p, span {
    color: #402C1E;
}

    p.strong, p strong {
        font-weight: 600;
    }

h1 {
    font-size: 28px;
    text-transform: uppercase;
}

    h1 strong {
        font-weight: 800;
    }

.page-block {
    position: relative;
    padding: 4.5em 0;
}

.page-block-big {
    position: relative;
    padding: 8em 0;
}

.text-container {
    position: relative;
    max-width: 670px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}

#HomeIndex #alert{
    position:absolute;
    top:0;
    right:0;
    left:0;
    width:100%;
}

#HomeIndex header {
    position: relative;
    background-image: url(/Content/images/banners/banner-topo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 650px;
}

    #HomeIndex header .logo-container-outer {
        position: absolute;
        width: 100%;
        height: 30.77%;
        top: 30.77%;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
    }

    #HomeIndex header .logo-container-inner {
        display: inline-block;
        margin: auto 0;
        min-width: 200px;
        width: 18.23%;
        max-width: 350px;
        height: 100%;
    }

#HomeIndex #presentation h1 {
    padding-bottom: 45px;
}

#HomeIndex #offer {
    background-color: #F2F1F0;
}

    #HomeIndex #offer .row div[class^="col-"] {
        height: 160px;
        text-align: center;
    }

    #HomeIndex #offer .row div[class^="col-sm"], #HomeIndex #offer .row div[class^="col-xs"] {
        padding-bottom: 10px;
    }

    #HomeIndex #offer .row div[class^="col-"] img {
        display: inline-block;
        padding-bottom: 20px;
    }

    #HomeIndex #offer .row div[class^="col-"] p {
        text-transform: lowercase;
    }

#HomeIndex #agricultural {
    background: url(/Content/images/banners/banner-centro.jpg) no-repeat center center;
    background-size: cover;
}

    #HomeIndex #agricultural .container {
        max-width: 950px;
    }

    #HomeIndex #agricultural h1 {
        color: white;
        margin: 0;
        line-height: 1.2;
    }

#HomeIndex #map {
    height: 650px;
}

#HomeIndex footer {
    background: #412D1D;
}

    #HomeIndex footer p:first-child {
        margin-bottom: 40px;
    }

    #HomeIndex footer p {
        margin-bottom: 20px;
    }

        #HomeIndex footer p:last-child {
            margin-bottom: 0;
        }

        #HomeIndex footer p span, #HomeIndex footer p span a, #HomeIndex footer p span a:hover {
            color: white;
            font-weight: 300;
        }

            #HomeIndex footer p span strong {
                font-weight: 600;
            }

    #HomeIndex footer #contact-form p:first-child {
        margin-bottom: 10px;
    }

    #HomeIndex footer #contact-form label {
        color: #412D1E;
        font-weight: 400;
        margin-left: 4px;
        line-height: 25px;
    }

        #HomeIndex footer #contact-form label span {
            color: #87B253;
        }

    #HomeIndex footer #contact-form .form-group {
        position: relative;
        margin-bottom: 5px;
    }

        #HomeIndex footer #contact-form .form-group label {
            position: absolute;
            top: 0;
            left: 0;
        }

        #HomeIndex footer #contact-form .form-group input {
            height: 25px;
        }

        #HomeIndex footer #contact-form .form-group .form-control,
        #HomeIndex footer #contact-form .form-group textarea {
            background-color: #F1EFEF;
            border-radius: 0;
            font-size: 14px;
            line-height: 1.2;
            padding: 3px 6px;
        }

            #HomeIndex footer #contact-form .form-group .form-control::-webkit-input-placeholder {
                color: #412D1E;
            }

            #HomeIndex footer #contact-form .form-group .form-control:-moz-placeholder {
                color: #412D1E;
            }

            #HomeIndex footer #contact-form .form-group .form-control::-moz-placeholder {
                color: #412D1E;
            }

            #HomeIndex footer #contact-form .form-group .form-control:-ms-input-placeholder {
                color: #412D1E;
            }

            #HomeIndex footer #contact-form .form-group .form-control:required::-webkit-input-placeholder:after {
                content: "*";
                color: #87B253;
            }

            #HomeIndex footer #contact-form .form-group .form-control:required:-moz-placeholder:after {
                content: "*";
                color: #87B253;
            }

            #HomeIndex footer #contact-form .form-group .form-control:required::-moz-placeholder:after {
                content: "*";
                color: #87B253;
            }

            #HomeIndex footer #contact-form .form-group .form-control:required:-ms-input-placeholder:after {
                content: "*";
                color: #87B253;
            }

            #HomeIndex footer #contact-form .form-group .form-control:focus {
                border-color: #87B253;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(135, 178, 83, 0.6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(135, 178, 83, 0.6);
            }

        #HomeIndex footer #contact-form .form-group .btn.btn-primary {
            background-color: rgba(255, 255, 255, 0.1);
            color: #F1EFEF;
            border-color: rgba(135, 178, 83,0.8);
        }

            #HomeIndex footer #contact-form .form-group .btn.btn-primary:hover {
                background-color: rgba(255, 255, 255, 0.05);
                color: #F1EFEF;
                border-color: #87B253;
            }

@media (max-width: 480px) {
    #HomeIndex header {
        height: 200px;
    }
     #HomeIndex footer #contact-form .form-group .btn.btn-primary{
         display:block;
         width:100%;
     }
}

@media (min-width: 481px) {
    #HomeIndex header {
        height: 300px;
    }
}

@media (max-width: 992px) {
    
    #HomeIndex footer p, #HomeIndex footer p span {
        text-align: center;
    }
    
    #HomeIndex footer .row div[class^="col"]{
        margin-top:20px;
    }
    #HomeIndex footer .row div[class^="col"]:first-child{
        margin-top:0;
    }
}

@media screen and (min-width: 767px) {
    #HomeIndex header {
        height: 400px;
    }
}

@media (min-width: 992px) {
    #HomeIndex header {
        height: 500px;
    }
}