@media screen and (min-width: 575px) and (max-width: 700px)
{
    .imagebloc{
        padding: 50px 20px 20px 20px
    }
}
@media screen and (max-width: 575px)
{
    body{
        height: initial!important;
    }
    .titre3{
        font-size:1rem;
    }
    h4.titre3{
        font-size: 1rem;
        font-weight: 400;
    }
    h4.titre3 #titre3Span, #techSlash{
        white-space: nowrap;
    }
    #pres, #presEng, #presSavFai{
        padding:1.5rem 2rem;
    }
    #pres p, #presEng p, #presSavFai p{
        text-align: justify;
        text-indent: 10%;
    }
    #infosPres:target, #engagement:target, #savoirFaire:target {
        padding-top: 250px;
        margin-top: -250px;
    }
    #titreInfos, #titreEng, #titreSavFai{
        font-size:1.5rem;
    }
#card1{
    margin-bottom: 20px;
}
    #scrollUp
    {
        position: fixed;
        bottom : 60px;
        right: -100px;
        opacity: 0.75;
        z-index: 200;
    }

    #linkButton{
        font-size: 1rem;
    }
    .col1{
        height:auto;
        box-shadow: none;
    }
    .image{
        width:50%!important;
        margin:auto
    }
    .entree{
        display: none!important;
    }
    .titre{
        height: 100px;
        line-height: 100px;
        text-align: center;
    }
    .imagebloc{
        text-align: center;
        padding: 40px 20px 20px 20px
    }
    .rowrow1{
        height:70%
    }
    .rowrow2{
        height:30%;
    }
    .email{
        padding: 0.5rem 0;
    }
}