html {
    color       : #222;
    font-size   : 1em;
    line-height : 1.4;
}

body {
    background-color : #f2f4fb;
    font-family      : 'open sans', 'helvetica neue', helvetica, arial, sans-serif;
}

::-moz-selection {
    background  : #b3d4fc;
    text-shadow : none;
}

::selection {
    background  : #b3d4fc;
    text-shadow : none;
}

hr {
    display    : block;
    height     : 1px;
    border     : 0;
    border-top : 1px solid #ccc;
    margin     : 1em 0;
    padding    : 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align : middle;
}

fieldset {
    border  : 0;
    margin  : 0;
    padding : 0;
}

textarea {
    resize : vertical;
}

.browserupgrade {
    margin     : 0.2em 0;
    background : #ccc;
    color      : #000;
    padding    : 0.2em 0;
}

.wrapper {
    max-width : 1200px;
    margin    : 0 auto 20px;
}

.hidden {
    display : none !important;
}

.visuallyhidden {
    border   : 0;
    clip     : rect(0 0 0 0);
    height   : 1px;
    margin   : -1px;
    overflow : hidden;
    padding  : 0;
    position : absolute;
    width    : 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip     : auto;
    height   : auto;
    margin   : 0;
    overflow : visible;
    position : static;
    width    : auto;
}

.invisible {
    visibility : hidden;
}

.clearfix:before,
.clearfix:after {
    content : " ";
    display : table;
}

.clearfix:after {
    clear : both;
}

@media only screen and (min-width : 35em) {
}

@media print,
(-webkit-min-device-pixel-ratio : 1.25),
(min-resolution : 1.25dppx),
(min-resolution : 120dpi) {
}

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background  : transparent !important;
        color       : #000 !important;
        box-shadow  : none !important;
        text-shadow : none !important;
    }

    a,
    a:visited {
        text-decoration : underline;
    }

    a[href]:after {
        content : " (" attr(href) ")";
    }

    abbr[title]:after {
        content : " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content : "";
    }

    pre,
    blockquote {
        border            : 1px solid #999;
        page-break-inside : avoid;
    }

    thead {
        display : table-header-group;
    }

    tr,
    img {
        page-break-inside : avoid;
    }

    img {
        max-width : 100% !important;
    }

    p,
    h2,
    h3 {
        orphans : 3;
        widows  : 3;
    }

    h2,
    h3 {
        page-break-after : avoid;
    }
}


footer {
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex : 0 0 auto;
}

.footer_links {
    padding          : 8px 7px 12px;
    background-color : #fff;
}

.footer_links a {
    font            : 14px Arial, sans-serif;
    color           : #777;
    text-decoration : none;
    display         : inline-block;
    margin          : 0 5px;
    border-bottom   : 1px solid #777;
}

.title_wrap {
    margin-bottom : 12px;
}

.url_wrap {
    margin-bottom : 5px;
}

.description_wrap {
    margin-bottom : 23px;
}

.title {
    font            : 20px Arial, sans-serif;
    color           : #122bec;
    text-decoration : none;
}

.url {
    font            : 21px Arial, sans-serif;
    color           : #65c705;
    text-decoration : none;
}

.description {
    font            : 16px Arial, sans-serif;
    color           : #2c2c2d;
    text-decoration : none;
}