/*************************************
* HOME
*************************************/
h1{
    margin-bottom: 2rem;
}
h3{
    margin: 0 3rem;
}
.content > img{
    width: 30%;
    float: left;
}

.content > p:nth-child(1){
    margin-right: auto;
}

/** Container Images collectif **/
.four-images-container {
    display: flex;
    border-radius: 25px;
    background: rgb(156,157,158); 
    background: linear-gradient(90deg, rgba(156,157,158,1) 0%, rgba(91,91,91,1) 35%);
    padding: 15px;
}
.four-images-container > a {
    width: 25%;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}
.four-images-container > a > img {
    width: 100%;
}
.four-images-container a:hover {
    scale: 1.1;
}
.viwametal-logo {
    width: 100%;
}
.elsass-logo {
    width: 100%;
}
.ckt-logo {
    scale: 0.7;
    margin-top: -10px;
}
.taskoya-logo {
    scale: 0.9;
}

/********** RESPONSIVE **********/
@media all and (max-width: 1000px) {
    h3{
        margin: 0 2rem;
    }
}
@media all and (max-width: 800px) {
    .content > img{
        width: 50%;
    }
    h1{
        font-size: 2em;
    }
    h3{
        font-size: 2em;
        margin: 0 1rem;
    }
}

@media all and (max-width: 550px) {
    .content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .content > img{
        float:none;
        width: 75%;
    }
}

@media all and (max-width: 450px){
    .four-images-container {
        flex-wrap: wrap;
    }
    .four-images-container > a {
        width: 50%;
    }
}