.language_group {display: none;}

#fairtrade{padding-bottom: 10%;}
#fairtrade>div>div:nth-child(2){float: right; margin-bottom: 20px;}
#fairtrade>div>div:nth-child(2)>a{color: #797d82; font-size: 1rem; }
#fairtrade>div>div:nth-child(2)>a span{position: relative; top: -2px; width: 100px; padding: 2px 10px; background: #ccc; color: #fff; margin-left: 10px; transition: 0.3s;}
#fairtrade>div>div:nth-child(2)>a:hover span{background: #fcb737;}

.fairtradetab>li{width: 16.66%; float: left; font-size: 1.25rem; padding: 12px 0; border-right: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; color: #797d82; cursor: pointer; background: #fff;}
.fairtradetab>li:nth-child(1){border-left: 1px solid #c6c6c6;}


.fairtrade_list>li{padding: 20px; display: none;}
.fairtrade_list>li:nth-child(1){display: block;}
.fairtrade_list>li h3{font-size: 1.5rem; color: #797d82; font-weight: 500; margin-bottom: 10px; text-align: left; margin: 50px 0 10px;}
.fairtrade_list>li h4{font-size: 1.25rem; color: #797d82; font-weight: 400; margin-bottom: 10px; text-align: left;  margin: 25px 0;}
.fairtrade_list>li h5{font-size: 1rem; color: #797d82; font-weight: 300; margin-bottom: 10px; text-align: left;}
.fairtrade_list>li h5 span{ color: #fcb737; position: relative; top: -2px; margin-right: 10px;}
.fairtrade_list>li>p{font-size: 1rem; color: #797d82;  text-align: left; margin-bottom: 20px; font-weight: 300; line-height: 1.25rem;}
.fairtrade_list>li>p span{color: #fcb737; font-size: 0.875rem; position: relative; top: -2px; margin-right: 10px;}




.cp_list{border: 2px solid #ccc; padding: 20px;}
.cp_list>li{ font-size: 1rem; line-height: 2rem; margin-bottom: 10px; text-align: left; color: #797d82;}
.cp_list>li>span{color:#fff; width: 30px; height: 30px; line-height: 30px; background:#fcb737;  border-radius: 50%; display: inline-block; position: relative; top: -2px; margin-right: 10px; text-align: center;}


@media (max-width:1200px){
    :root{font-size: 15px;}
    .fairtrade_list>li h3{margin: 5% 0 10px;}
}

@media (max-width:1024px){
    :root{font-size: 14px;}
}

@media (max-width:768px){
    :root{font-size: 13px;}
    .fairtradetab>li{width: 33.33%;}
    .fairtradetab>li:nth-child(4),.fairtradetab>li:nth-child(5),.fairtradetab>li:nth-child(6){border-top: 0px;}
    .fairtradetab>li:nth-child(4){border-left: 1px solid #c6c6c6;}
}


@media (max-width:480px){
    :root{font-size: 12px;}
    .fairtradetab>li{font-size: 1rem;}
    .cp_list{padding: 10px;}
    .fairtrade_list>li{padding: 5px 0px;}
}