﻿@font-face
{
    font-family: "Code Light";
    src: url("../../Fonts/Code_Light/CODE_Light.eot?") format("eot"),url("../../Fonts/CODE_Light/CODE_Light.woff") format("woff"),url("../../Fonts/CODE_Light/CODE_Light.ttf") format("truetype"),url("../../Fonts/CODE_Light/CODE_Light.svg#Code-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

a
{
    text-decoration: none;
}

img
{
    border: 0px none;
}

body
{
    font-family: "Code Light", Verdana;
    font-size: 12px;
    font-family: Arial, serif;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 355px;
    
}

.landing
{
    font-family: 'Code Light', Arial;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999;
    min-height: 550px;
}

.landing > .inner1
{
    height: 33%;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    position: relative;
}

.landing > .inner1 > .title
{
    font-size: 6vh;
    color: #0171bd;
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
}

.landing > .inner2
{
    height: 33%;
}

.landing > .inner2 > .band
{
    position: absolute;
    height: 23%;
    width: 100%;
    background-color: #000000;
    opacity: 0.2;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    border-top: 1px solid #feff86;
    border-bottom: 1px solid #feff86;
}

.landing > .inner2 > .band-text
{
    position: absolute;
    top: 36%;
    width: 100%;
}

.landing > .inner2 > .band-text > .text
{
    height: 100%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 6vh;
}

.landing > .inner3
{
    height: 33%;
    position: relative;
}

.landing > .inner3 > .title
{
    
    font-size: 1.7vh;
    position: absolute;
    top: 20%;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
}

.landing > .inner3 > .title > .copyright
{
    font-family:'Microsoft Sans Serif';
    font-size: 1vh;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
}

.comingsoon
{
    font-size: 10vh;
}

@media ALL and (max-width: 690px)
{
.landing > .inner1 > .title
{
    font-size: 2.5vh;
    color: #0171bd;
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
}
}

@media ALL and (max-width: 970px)
{
    .landing > .inner2 > .band-text
    {
        position: absolute;
        top: 39%;
        width: 100%;
    }

    .comingsoon
    {
        font-size: 3vh;
    }

    .landing > .inner2 > .band-text > .text
    {
        height: 100%;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 4vh;
    }
}
