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

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

.img-fluid,
.carousel-inner>.carousel-item>img,
.carousel-inner>.carousel-item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.cover {
    background: #111;
    padding: 0
}

.odd {
    padding: 5%
}

.odd p {
    font-family: bodonitown;
    color: #aaa;
}

.odd h3 {
    font-family: Georgia, serif;
    ;
    color: #aaa;
}

.even {
    background: #222;
    padding: 5%
}

.even p {
    font-family: bodonitown;
    color: #999;
}

.even h3 {
    font-family: Georgia, serif;
    color: #999;
}

.footer {
    background: #3C637D;
    padding: 15px 65px
}

canvas {
    width: 100%;
    height: auto;
}

body {
    background-color: #111
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}

svg {
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {}