@charset "utf-8";

@font-face {
font-family: 'lato_reg';
font-style: normal;
font-weight: normal;
src: url('./fonts/Lato-Regular.ttf') format('truetype');
}

.show_mobile { display: none; }
@media only screen and (max-width: 750px){
	.hide_mobile { display: none;}
	.show_mobile { display: block;}
	}

header {
    background-color: #423e3e;
    height: 60px;
}
button {
    background-color: #423e3e;
    border: none;
}
.logo_desk {
    display: inline-block;
    margin: auto;
    position: relative;
    left: 40%;
}
.logo_mob {
    display: none;
}
header p {
    color: #999999;
    float: right;
    position: relative;
    font-size: 14px;
    right: 10%;
    margin: 20px;
    font-family: "lato_reg";
}
#switch_to_fr {
    color: #ffffff;
}
#switch_to_eng {
    color: #999999;
}
.banner img {
    width: 100%;
}
.client p {
    font-family: "lato_reg";
    text-align: center;
    color: #423e3e;
    font-size: 22px;
}
.client input {
    font-family: "lato_reg";
    color: #423e3e;
    font-size: 22px;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: underline;
    width: 160px;
}
#eng_msg {
    display: none;
}
.client #eng_msg input {
    width: 190px;
}
.client input:hover {
     background-color: #423e3e;
    color: #ffffff;
}
.client img {
    display: block;
    margin: 40px auto;
    border: solid 1px #d1d1d1;
    padding: 10px 50px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}
body {
    background-image: url("images/filigrane_p.png");
    background-repeat: no-repeat;
    background-position:125% 255%;
    background-size: 45%;
}

/* RESPONSIVE */
@media only screen and (min-width: 1920px){
        .logo_desk {
            left: 44%;
        }
        body {
            background-position:125% 750%;
            background-size: 45%;
        }
}
@media only screen and (max-width: 750px){
        header {
            height: 15vw;
        }
        body {
            background-image: none;
        }
        .logo_desk {
            display: none;
        }
        .logo_mob {
            display: block;
            float: left;
            width: 15%;
        }
        body header p {
            font-size: 4vw;
            margin: 4%;
            float: right;
            right: 3%;
            top: 10%;
        }
        body .client img {
            width: 80%;
            padding: 0;
        }
        body .client p {
            font-size: 4vw;
        }
        body .client input {
            font-size: 4vw;
            width: 29vw;
        }
        .client #eng_msg input {
            width: 35vw;
        }
}