body {
    font-family: 'Switzer', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 20px;
    -moz-font-feature-settings: "pnum", "kern";
    -moz-font-feature-settings: "pnum=1, kern=1";
    -ms-font-feature-settings: "pnum", "kern";
    -o-font-feature-settings: "pnum", "kern";
    -webkit-font-feature-settings: "pnum", "kern";
    font-feature-settings: "pnum", "kern";
    line-height: 24px;
    color: black;
    background-color: rgb(50, 50, 50);
    height: 100%;
    margin: 0px;
}

div#cover {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(50, 50, 50);
    z-index: 1;
}

div#main {
    height: 100%;
    margin: 0px;
}

div#copy {
    position: relative;
    bottom: 40px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
}

svg#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 40px 20px 20px 5%;
    z-index: 3;
}

svg#logo-v {
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 40px 20px 20px 5%;
    z-index: 3;
}

img#bg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50.1%);
    -webkit-transform: translate(-50%, -50.1%);
    -moz-transform: translate(-50%, -50.1%);
    -ms-transform: translate(-50%, -50.1%);
    min-width: 100%;
    min-height: 100%;
    filter: brightness(.8);
    -webkit-filter: brightness(.8);
    background-size: cover;
}

div#main > article {
    position: absolute;
    top: 207px;
    width: 100%;
}

div#main > footer {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

div.col {
    position: relative;
    width: 45%;
    margin: 0px;
    padding-left: 5%;
    float: left;
}

h1 {
    font-weight: 800 !important;
}

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    font-weight: 400;
}

h1, h2 {
    font-size: 30px;
    line-height: 30px;
}

h3 {
    font-size: 18px;
    line-height: 18px;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    animation-name: link;
    animation-duration: 0.1s;
    animation-iteration-count: infinite;
}

.text-white {
    color: white;
}

.fill-white,
svg.fill-white path {
    fill: white;
}

@keyframes link {

    0% {padding-left: 0px;}
    25% {padding-left: 5px;}
    50% {padding-left: 0px;}
    75% {padding-left: 5px;}
    100% {padding-left: 0px;}

}

@media screen and (min-width: 1681px) {

    body {
        font-size: 24px;
        line-height: 29px;
    }

    svg#logo,
    svg#logo-v {
        padding-top: 60px;
    }

    svg#logo {
        height: 110px;      
    }

    svg#logo-v {
        display:none;
        width: 110px;      
    }

    div#main > article {
        top: 243px;
    }

    div#main > footer {
        bottom: 60px;
    }

    h1, h2 {
        font-size: 36px;
        line-height: 36px;
    }

    h3 {
        font-size: 22px;
        line-height: 22px;
    }

}

@media screen and (orientation: portrait) and (max-width: 767px) {

    svg#logo {
        display: none;
    }

    svg#logo-v {
        display: block;
    }

    div#main > article {
        top: 477px;
    }

}

@media screen and (orientation: portrait) and (max-width: 480px) {

    body {
        font-size: 16px;
        line-height: 20px;
    }

    svg#logo {
	display: none;
	padding-top: 20px;
    }

    svg#logo-v {
	display: block;
	padding-top: 20px;
	width: 83px;
    }

    div#main > article {
        top: 367px;
    }

    div#main > footer {
        bottom: 20px;
    }

    h1, h2 {
        font-size: 24px;
        line-height: 24px;
    }

    h3 {
        font-size: 14px;
        line-height: 14px;
    }

}

@media screen and (orientation: landscape) and (max-width: 767px) {

    body {
        font-size: 16px;
        line-height: 20px;
    }

    svg#logo {
	display: block;
	padding-top: 20px;
	height: 83px;
    }

    svg#logo-v {
	display: none;
	padding-top: 20px;
	width: 83px;
    }

    div#main > article {
        top: 143px;
    }

    div#main > footer {
	bottom: 20px;
    }

    h1, h2 {
        font-size: 24px;
        line-height: 24px;
    }

    h3 {
        font-size: 14px;
        line-height: 14px;
    }

}

@media screen and (max-height: 599px) {

    footer {
        display: none;
    }

}