body {
    margin: 0;
    padding: 0;
   background: url(./advantages.jpg);
    background-size: cover;
}

.top .row {
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
}

p.top_p {
    font-size: 32px;
    text-align: left;
    padding: 25px 0;    display: inline-block;
}
.top img {padding: 0 15px;margin-bottom: 23px;width: 150px;}

.top .col-md-12 {
    padding: 25px 0 0;
}
        .thumb img {
            -webkit-filter: grayscale(0);
            filter: none;
            border-radius: 5px;
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 5px;
			    max-width: 100%;
    height: 230px;
    object-fit: cover;width: 100%;
        }

        .thumb img:hover {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }

        .thumb {
            padding: 5px;
        }

.gray {color: gray;}
.varietal_map h1 {
    text-align: center;
    font-size: 45px;
    padding: 40px 0 0 0;
    font-weight: 800;
    color: #48d444;
}

.varietal_map {
    color: white;
    background: url(/upload/images/bg-index.jpg);
	    background-size: cover;
}

.varietal_map .row {
    text-align: center;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
}

.varietal_map p.h1 {
    text-align: center;
    text-decoration: underline;
    padding: 5px 0 20% 0;
    font-size: 1.5rem;
    color: #48d444;
}

.varietal_map p.h2 {
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

ul {
    padding: 0;
}

section.varietal_map ul li {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.menu ul li {
    display: inline-block;
    text-align: center;
padding: 10px 15px;}
a.active{color:#fff!important;}
.menu ul {
    margin: 0 auto;
}

.menu ul li a {
    color: gray;
}