@font-face {
    font-family: 'Atma';
    src: url('Atma-Bold.woff2') format('woff2'),
         url('Atma-Bold.woff') format('woff');
    font-style: regular;
    font-weight: 700;
}


@font-face {
    font-family: 'Atma';
    src: url('Atma-Light.woff2') format('woff2'),
         url('Atma-Light.woff') format('woff');
    font-style: regular;
    font-weight: 300;
}


@font-face {
    font-family: 'Atma';
    src: url('Atma-Medium.woff2') format('woff2'),
         url('Atma-Medium.woff') format('woff');
    font-style: regular;
    font-weight: 500;
}


@font-face {
    font-family: 'Atma';
    src: url('Atma-Regular.woff2') format('woff2'),
         url('Atma-Regular.woff') format('woff');
    font-style: regular;
    font-weight: 400;
}


@font-face {
    font-family: 'Atma';
    src: url('Atma-SemiBold.woff2') format('woff2'),
         url('Atma-SemiBold.woff') format('woff');
    font-style: regular;
    font-weight: 600;
}

body {
    margin: 0;
    background: white;
    color: black;
}

img#edmonds {
    width: 30vw;
    margin-left: 10vw;
    display: block;
}

div#toptext {
    font-family: "Atma";
    font-weight: 400;
    font-size: 2vw;
    margin-top: 2vw;
    margin-left:35vw;
}

div#edmondssez {
    font-family: "Atma";
    font-weight: 600;
    font-size: 8vw;
    margin-right: 20vw;
    float: right;
    transform: rotate(-10deg);
    position: relative;
    z-index: 100;
}

div#edmondssezagain {
    font-family: "Atma";
    font-weight: 400;
    font-size: 2.5vw;
    margin-right: 7vw;
    margin-top: 0;
    top: 15vh;
    position: relative;
    float: right;
}

div#bar {
    width: 100%;
    content: " ";
    border: 1px solid black;
    background: black;
    height: 2vw;
    margin-top: -5vh;
}

div#bar2 {
    width: 100%;
    content: " ";
    border: 1px solid black;
    background: black;
    height: 2vw;
    margin-top: 5vh;
}

div#pdf {
    float: right;
    position: absolute;
    right: 7vw;
    top: 6vw;
}

div#container {
    display: grid;
    grid-template-columns: 33% auto 33%;
    margin: 2vw;
    clear: both;
}

div#container div {
    margin: 1vw;
}

div#container div#video {
    grid-column-start: 1;
}
div#container div#copy {
    grid-column-start: 2;
    font-size: 1.3vw;
    margin: 2vw;
    text-align: justify;
}

div#container div#olson {
    grid-column-start: 3;
}

#actyourage {
    width: 30vw;
    height: 25vw;
}

div#olson {
    padding: 0;
}

div#olsonsez {
    font-family: "Atma";
    font-weight: 400;
    font-size: 2vw;
}

img#olson {
    width: 20vw;
    padding: 0;
    margin-left: 2vw;
    border-bottom: 5px solid black;
}

div#foot {
    clear: all;
    margin: 2vw;
    width: 100%;
}

img#fbosclogo {
    padding: 0.25rem;
    height: 6rem;
    display: block-inline;
    vertical-align: middle;
}

div#slogan {
    font-family: "Atma";
    font-style: italic;
    font-weight: 500;
    font-size: 1.25rem;
    padding-right: 5vw;
    text-align: right;
    float: right;
    height: 6rem;
    margin-top: 2rem;
}


div#pdf a img { width: 10vw; }