@font-face {
    font-family: 'Graphie Book';
    src: url('../fonts/Graphie-Book.woff2') format('woff2'),
            url('../fonts/Graphie-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphie';
    src: url('../fonts/Graphie-Bold.woff2') format('woff2'),
            url('../fonts/Graphie-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{
    color: #3f486d;
    font: normal 16pt 'Graphie Book';
}

a,
a:hover, 
a:focus{
    outline: none;
    text-decoration: none;
    color: #3f486d;

}
.img-responsive{
    display: block;
    width: 500px;
    max-width: 100%;
    height: auto;
    margin: auto;
}

p{
    margin: 0 0 30px 0;
}

strong{
    font-family: 'Graphie';
    font-weight: bold;
}

#info{
    padding-left: 104px;
    width: 500px;
    margin: 0 auto 30px auto;
}

@media (max-width: 500px) {
	#info{
        padding-left: 20%;
    }
    body{
        font-size: 13pt;
    }
}