@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,500&display=swap');

p, h1, h2, h3, blockquote, a  {
    font-family: 'Poppins', sans-serif;
}

a:hover {
    border-bottom-color: transparent;
    color: #00B0ED !important;
}

a:hover:before {
        color: #00B0ED !important;
}

button:hover,
.button:hover {
    box-shadow:  0 0 0 0 #00B0ED;
        color: #00B0ED !important;
}

.button {
    border-radius: 8px;
    border-style: solid;
    border-width: 0.1em;
    font-weight: 500;
    letter-spacing: 0.00em;
    font-family: "Poppins", sans-serif;
    text-transform: none;
}
    .button.blue {
        color: #3c3b3b !important;
        font-size: 14pt;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0em 1.5em 0 1.5em;
        background-color: #D9F3FC;
        border-color: #00B0ED;
    }
    .button.grey {
        color: #A09B9B !important;
        margin: 1em 1em;
        font-size: 10pt;
        color: blue;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0em 0.5em 0 0.5em;
        background-color: white;
        border-color: #A09B9B;
    }
.post > header .title h3{
    font-size: 14pt;
    font-weight:500;
    text-transform:none;
    color: #a09b9b;
    letter-spacing: 0.00em;
}
    
.post > header .title h2 {
    font-size: 20pt;
    font-weight: bold ;
    letter-spacing: 0.05em;
    text-transform:none;
    
    }
.quote{ 
    margin: 2em 0.5em;
    padding: 1em;
    text-align: left;
    border-radius: 8px;
    border-width: 0.1em;
    border-color: #00B0ED;
    border-style: solid;
    font-size: medium;
    font-family: "Poppins", sans-serif;
    font-size: 12pt;
    font-weight:300;
    text-transform:none;
    color: black;
    letter-spacing: 0.00em;
    width: 100%;
    max-width: 700px;
 }
    
.copyright{
    font-family: "Poppins", sans-serif;
    color: #a09b9b;
    text-transform:none;
    font-size:8pt;
    font-weight:300;
}

body {
    padding-top: 2.7em;
}
.image.crop {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50vw;
    overflow: hidden;
    padding: 2em;
    min-width: 100px;
}

    .image.crop img {
        width: 100%;
        max-width: 600px;
        border-radius: 8px;
        object-fit: cover;
        min-width: 100px;
    }

#menu-langue {
    position: absolute;
    top: 0px;
    right: 0px;
}
#discover {
    color:#A09B9B;
    padding:0 2em; 

}

 @media screen and (max-width: 1680px) {
   
    }
@media screen and (max-width: 736px) {
    .image.crop {
        width: 75vw;
    }
   .post > header .title {
        margin-bottom: 0em ;
    }
    .post > header {
        padding:1em;
    }

      #wrapper {
        padding-top:0;
    }  

    #header {
        height: 2.75em;
        line-height: 2.75em;
    }

}