@charset "UTF-8";

body {
    font-size: 100%;
    font-family: "Tahoma", "Helvetica Neue", "Arial", sans-serif;
    color: rgba(56,63,73,0.75);
    line-height: 1.5em;
}

canvas.bg {
    background: -webkit-linear-gradient(30deg, #ECE9E6 10%, #FFFFFF 90%); /* Chrome 10+, Saf5.1+ */
    background:    -moz-linear-gradient(30deg, #ECE9E6 10%, #FFFFFF 90%); /* FF3.6+ */
    background:     -ms-linear-gradient(30deg, #ECE9E6 10%, #FFFFFF 90%); /* IE10 */
    background:      -o-linear-gradient(30deg, #ECE9E6 10%, #FFFFFF 90%); /* Opera 11.10+ */
    background:         linear-gradient(30deg, #ECE9E6 1%, #FFFFFF 90%); /* W3C */
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}

strong, b {
    font-weight: 900;
}

.wrapper {
    width: 100%;
    max-width: 440px;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 25vh;
    z-index: 99;
    position: relative;
}

header {
    margin-bottom: 3rem;
}

header img.logo {
    width: 100%;
    height: auto;
}

h1 {
    font-weight: 900;
    font-size: 1.5rem;
    color: #F23B37;
    margin-bottom: 0.5em;
}

h2 {
    font-weight: 900;
    color: rgba(56,63,73,0.75);
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

h3 {
    margin-bottom: 0.25rem;
    margin-top: 1em;
}

h2.home {
    margin-top: 3rem;
}

a {
    color: rgba(56,63,73,1);
    text-decoration: none;
    word-break: break-all;
}

a.mail {
    word-break: normal;
    white-space: pre;
}

a:hover {
    color: rgba(56,63,73,0.75);
}

p {
    color: rgba(56,63,73,0.75);
    line-height: 1.5em;
    margin-bottom: 1em;
}

ul li {
    list-style: none;
}

ol {
    list-style: inside;
    margin-bottom: 1em;
}

ul li:before {
    content: "\2192";
    margin-right: 0.5em;
}

footer {
    text-align: right;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

footer a {
    color: rgba(56,63,73,0.75);
  margin-left: 1.5em;
}

.featherlight .featherlight-close-icon {
    line-height: 50px;
    width: 45px;
    font-size: 40px;
    color: rgba(56,63,73,0.75);
}

.featherlight .featherlight-content {
    padding: 3%;
}

@media screen and (max-width:635px) {
    
    .wrapper {
        margin-top: 5vh;
    }
    
    .featherlight .featherlight-content {
        padding: 7%;
    }
    
}