/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

.clear {
    clear: both;
}

html, body {
    width: 100%;
    /*background: #424242;*/
    background: rgb(45, 42, 46);

    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 18px;
    color: #eee;
}

a {
    color: #eee;
    text-decoration: none;
}
a:hover {
    color: #fff;
    text-decoration: none;
    /*text-decoration: underline;*/
}
a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

em {
    font-style: italic;
}

#content {
    width: 500px;
    max-width: 100%;
    height: 500px;
    margin: 100px auto;
    /*background: #333;*/
}

.logo {
    width: 100%;
}
.logo img {
    width: 100%;
}

.description {
    width: 95%;
    text-align: justify;
    margin: 1em auto 2em auto;
    line-height: 1.3em;
}

.description a {
    color: white;
}
.description a:hover {
    text-decoration: underline;
}

.links {
}
.links p {
    display: block;
    float: left;
    height: 2em;
    width: 49%;
    padding: 0;
    text-align: center;
    font-weight: bold;
}
.links a {
    width: 100%;
    /*background: #aaa;*/
    border: none;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    padding: 0.4em 0.2em;
}
.links p.wide {
    width: 100%;
    font-weight: normal;
}
.links p.wide a {
    width: 90%;
}

.links img {
    display: inline-block;
    height: 1.5em;
    margin-right: 0.2em;
    margin-top: -3px;
}

.links .small {
    /*font-size: 1em;*/
    font-weight: normal;
    color: #aaa;
}


/* CSS specific to smaller screens */
@media (max-width: 480px) {
    html, body {
        font-size: 16px;
    }

    #content {
        margin-top: 20px;
    }

    .logo img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .description {
        width: 90%;
        margin-bottom: 120px;
        line-height: 1.4em;

    }

    .links {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;

        background: rgb(45, 42, 46);
    }
}

/* Narrow screens */
@media (max-width: 350px) {

    .links {
        font-size: 14px;
    }

}