@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,600;1,500&display=swap');

@font-face {
    font-family: ApercuRegular;
    src: url(/fonts/ApercuRegular.ttf);
}

mg {
    max-width: none;
}

@font-face {
    font-family: ApercuLight;
    src: url(/fonts/ApercuLight.ttf);
}

body {
    color: rgb(32,33,33);
}

h1 {
    font-family: 'Raleway', sans-serif;
}

div.wrap-body {
background-color: rgba(0,0,0,0.05);
padding: 4em 2em;
max-width: 800px;
margin: 0 auto;
position: relative;
margin-top:4em;
}

p {
    font-family: "ApercuLight", sans-serif;
    font-size: 20px;
}

p img {width:247px;}

div.wrap-body:before{
    display: block;
    content: " ";
    position: absolute;
    top:0;
    width: 0; 
    height: 40px; 
    border-right: 20px solid #fff;
    border-left: 20px solid #fff;
    border-bottom: 10px solid transparent;
}




@media screen and (max-width: 810px) 
{
        body {
            padding: 0 20px;
        }
}
@media screen and (min-width: 541px) {

    h1 br {
        display: none;
    }

}
@media screen and (max-width: 540px) {
    p img {width:216px;}
    p {font-size: 16px;font-weight: bold;}
    h1 {font-size: 1.8em;}
}