@font-face {
  font-family: 'FuturaLTPro-Heavy';
  src: url('./fonts/FuturaLTPro-Heavy.eot');
  src: url('./fonts/FuturaLTPro-Heavy.woff2') format('woff2'),
       url('./fonts/FuturaLTPro-Heavy.woff') format('woff'),
       url('./fonts/FuturaLTPro-Heavy.ttf') format('truetype'),
       url('./fonts/FuturaLTPro-Heavy.svg#FuturaLTPro-Heavy') format('svg'),
       url('./fonts/FuturaLTPro-Heavy.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'vendometitalic';
    src: url('./fonts/vendomet_italic.eot');
    src: url('./fonts/vendomet_italic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/vendomet_italic.woff2') format('woff2'),
    url('./fonts/vendomet_italic.woff') format('woff'),
    url('./fonts/vendomet_italic.ttf') format('truetype'),
    url('./fonts/vendomet_italic.svg#vendometitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vendometregular';
    src: url('./fonts/vendomet_regular.eot');
    src: url('./fonts/vendomet_regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/vendomet_regular.woff2') format('woff2'),
    url('./fonts/vendomet_regular.woff') format('woff'),
    url('./fonts/vendomet_regular.ttf') format('truetype'),
    url('./fonts/vendomet_regular.svg#vendometregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    background: #addfdf;
    font-family: 'vendometregular';
    color: #000;
    font-size: 18px;
    padding: 50px 120px;
    line-height: 1.8;
}

em {
    font-family: 'vendometitalic';
}

h1 {
    font-family: 'FuturaLTPro-Heavy';
    font-size: 28px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;

}

a {
    color: #0b83b5;
    text-decoration: none;
}

p, img {
    width: 85%;
    max-width: 530px;
    padding-left: 40px;
}

@media screen and (max-width: 680px) {
    body {
        padding: 30px;
        font-size: 12px;
    }
    h1 {
        font-size: 22px;
        padding-bottom: 0;
    }
    p, img {
        padding-left: 34px;

    }
}

@media screen and (max-width: 321px) {
    body {
        padding: 20px;
        font-size: 11px;
    }
    h1 {
        font-size: 20px;
    }
    p, img {
        padding-left: 30px;
    }
}