.Cont{
    display: flex;
    align-items: center;
    justify-content: center;
}
.imgCont{
    width: 100%;
    height: auto;
}
.imgCont img{
    width: 100%;
    height: auto;
}
.aboutCont{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-top: 1rem;
}
.bgAbout{
    border-bottom: .1rem solid #faaf3b;
    padding: 0 .4rem .5rem .4rem;
    margin-bottom: 1rem;
    color: #faaf3b;
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
}
@media screen and (min-width:500px){
    .bgAbout{
        font-size: 2rem;
    }
}
@media screen and (min-width:900px){
    .bgAbout{
        font-size: 2.5rem;
    }
}
.smAbout{
    width: 90%;
    color: #742e16;
    font-size: .9rem;
    font-weight: 300;
}
@media screen and (min-width:500px){
    .smAbout{
        font-size: 1.1rem;
    }
}
@media screen and (min-width:900px){
    .smAbout{
        font-size: 1.5rem;
    }
}
.contOp{
    display: flex;
    flex-direction: column;
    margin: 2rem 0;
}
@media screen and (min-width:500px){
    .contOp{
        margin: 4rem 0;
        transform: scale(1.2);
    }
}
@media screen and (min-width:900px){
    .contOp{
        margin: 8rem 0;
        transform: scale(1.5);
    }
}
.contOp a{
    text-decoration: none;
}
.optCont{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #742e16;
    font-size: 1.45rem;
    border-radius: .5rem;
    margin: .4rem 0;
    transition: transform 0.5s ease,
                color 0.3s ease,
                font-size 0.3s ease,
                background-color 0.5s ease;
}
.optCont:hover{
    transform: scale(108%);
    font-size: 1.6rem;
}
.optImg{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    border-radius: .5rem;
    width: 100%;
    height: auto;
}
.optImg img{
    width: auto;
    height: 5rem;
}
.optImgCS img{
    width: auto;
    height: 5rem;
    filter: grayscale(100%);
}
.optTitle{
    position: absolute;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 2rem 0 1rem;
}
/*soukaina bya*/
