/*-------------------Principal section--------------------*/
.main_section{
    padding: 2%;
    margin:3em 0em 2em 0em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titleCat{
    border-bottom: #3688a8 solid 1px;
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
}

.titleIcon{
    display: flex;
    justify-content: center;
    align-items: center;
}
/*--------------Product categories-----------------*/
/*------------------Category block-----------------*/
.category_block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 90%;
    margin-top: 1rem;
}
.catLink{
    text-decoration: none;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.imgCatBox{
    margin: 0;
    width: 100%;
    height: 45%;
    overflow:hidden;
    
}
.imgCatBox:hover .imgCategory {
    transition: 500ms ease-in-out;
    -webkit-transform:scale(1.1);transform:scale(1.1);
    
}
.imgCategory{
    width: 100%;
    transition: 500ms ease-in-out;
}

.category_text{
    width: 100%;
    height: 40%;
}
.catTitle h2{
    margin:1%;
}
.catDesc{
    margin: 1%;
}
/*--End category block--*/
/*--End product categories--*/

/*------------------Company desc-----------------*/
#company{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 97%;
}

.company_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 1em 0.5em;
}

.company_itemIcon{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 35%;

    opacity: 0;
    transform: scale(0.9);
    transition: .7s ease-in-out all;
}
.company_itemIcon.visible{
    opacity: 1;
    transform: scale(1);
}

.company_itemIcon img{
    width: 100%;
}
.company_itemText{
    width: 90%;

    text-align: center;

    opacity: 0;
    transform: scale(0.9);
    transition: .7s ease-in-out all;
}
.company_itemText.visible{
    opacity: 1;
    transform: scale(1);
}
/*--End company desc--*/
/*--End principal section--*/

/*--------------------------Media queris----------------------------*/
/*Medium screens (tablets larger than 768px)*/
@media screen and (min-width:768px) {
    .main_section{
        padding: 0%;
        
    }
    .titleCat{
        display: flex;
        width: 100%;
    }
    /*--------------Category block-----------------*/
    .category_block{
        width: 97%;
    }
    .catLink{
        flex-direction: row;
        align-items: center;
    }
    .imgCatBox{
        margin: 0;
        width: 40%;
    }
    .category_text{
        width: 55%;
    }
    .catTitle{
        margin-bottom: 2rem;
    }
    /*--End category block--*/
    
    /*----------------Company desc-----------------*/
    .company_item{
        margin: 2em 0.5em;
        flex-direction: row;
        justify-content: space-around;
    }
    .company_item.reversed{
        display: flex;
        flex-direction: row-reverse;
    }
    .company_itemIcon{
        width: 15%;
    }
    .company_itemText{
        width: 40%;
        text-align:left;
    }

    .company_itemText.right{
        transform: translate(100px);
    }
    .company_itemText.left{
        transform: translate(-100px);
    }

    .company_itemText.right.visible{
        transform: translate(0);
    }
    .company_itemText.left.visible{
        transform: translate(0);
    }
    /*--End company desc--*/
}

/*Large screens (desktops larger than 992px)*/
@media screen and (min-width:992px) {
    /*--------------Category block-----------------*/
    .category_block{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 97%;
    }
    .catLink{
        flex-direction: column;
        width: 32%;
    }
    .imgCatBox{
        margin: 0;
        width: 100%;
        height: 54%;
    }
    .category_text{
        width: 100%;
        height: 43%;
    }
    .catTitle{
        margin-bottom: 1rem;
    }
    /*--End category block--*/
}