h2{
      
      color: #222126;
      margin: 100px 0 100px 0;
  }

.navigation {
    background-color: #222126;
}
.credence-banner{
    background-image: url(../images/About/About.jpg);
    height:80vh;
    }
.who-we-wre-div{
    display: flex;
    justify-content: space-between;
}
.who-we-are{
    background-color:White;
    width:85%;
}
.who-we-are p{
    color:#222126;
   
}
.who-we-wre-img{
    width:13%;
    height:auto;
    background-image: url(../images/About/soybean.png);
    background-size: cover;
}

.mission-bg{
    background-image: url(../images/About/Mission.png);
    height:100vh;
    background-attachment:fixed;
    background-size:cover;  
    position: relative;


}
.mission-content{
    width:45%;
    background-color:#222126eb;
    padding: 50px 80px;
    position: absolute;
    top: 50%;
   transform: translateY(-50%);
   right:150px;

}
.mission-content h3{
    font-size: 50px;
    margin-bottom:30px;
    text-align: center;
    color: white;
}
.mission-content p{
    color:white;
}
    

.vision-bg{
    background-image: url(../images/About/Vision.jpg);
    height:100vh;
    background-attachment:fixed;
    background-size:cover;  
    position: relative;
    background-position: center;

}
.vision-content{
    width:45%;
    background-color:#ffffffe0;
    padding: 50px 80px;
    position: absolute;
    top: 50%;
   transform: translateY(-50%);
   Left:150px;

}
.vision-content h3{
    font-size: 50px;
    margin-bottom:30px;
    text-align: center;
    color: #222126;
}
.vision-content p{
    color:#222126;
}
.other-businesses{
    margin: 100px 30px; 
}
.ancora-div{
    display:flex;
    justify-content: space-evenly;
}

.ancora-ceramica-div, .ancora-food-div{
    width:35%;
    transition: all .5s ease;
    padding:10px;
    
}

.ancora-ceramica-div:hover, .ancora-food-div:hover{
  transform:scale(1.05);
  box-shadow:5px 5px #9C9C9C;
}

.ancora-ciramica-img{
    background-image: url(../images/About/Ancora.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 300px;
    margin-bottom:20px;
}
.ancora-food-img{
    background-image: url(../images/About/Ancorafood.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 300px;
    margin-bottom:20px;
}



@media screen and (max-width: 1200px){
        .credence-banner {
            height: 65vh;
        }
       .mission-content{
            width: 52%;
            padding: 45px 70px;
            right: 80px;
        }
        .vision-content {
            width: 52%;
            padding: 45px 70px;
            left: 80px;
            }
       .ancora-ceramica-div, .ancora-food-div {
            width: 43%;
        }
}

@media screen and (max-width: 900px){
        h2{
            margin: 60px 0;
        }
       
        .other-businesses {
            margin: 0 30px 60px 30px;
        }
        .who-we-wre-img {
            height: 467px;
        }
        .mission-content{
            width: 75%;
            padding: 45px 70px;
            right: 0;
        }
        .vision-content {
            width: 75%;
            left: 0;
         }

         .ancora-food-img, .ancora-ciramica-img {
                height: 239px;
          }
}
@media screen and (max-width: 768px){
       
        .credence-banner {
            height: 50vh;
        }
       

        .mission-content, .vision-content{
            position: relative;
            margin: 0 auto;
            width: 80%;
        }
        .ancora-food-img, .ancora-ciramica-img {
             height: 180px;
        }

}
@media screen and (max-width: 600px){
        
    .who-we-are{
        width:100%;
    }

    .who-we-wre-img {
        display: none;
        
    }
    .ancora-food-img, .ancora-ciramica-img {
        height: 128px;
    }
    .mission-content, .vision-content {
        width: 85%;
        padding: 30px 45px;
    }
}