@font-face {
    font-family: 'LemonMilk';
    src: url('LemonMilk.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'LemonMilklight';
    src: url('LemonMilklight.otf');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherBold';
    src: url('Archer-Bold-Pro.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherBook';
    src: url('Archer-Book-Pro.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherHairline';
    src: url('Archer-Hairline-Pro.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherLight';
    src: url('Archer-Light-Pro.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherMedium';
    src: url('Archer-Medium-Pro.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherSemibold';
    src: url('Archer-Semibold-Pro.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArcherThin';
    src: url('Archer-Thin-Pro.otf');
    font-weight: normal;
    font-style: normal;
}


html {
    height: 100%;
    padding:0;
    margin:0;
}
body {
    min-height: 100%;
    padding:0;
    margin:0;
    text-align:center;
    background:url(../images/reach-background.jpg) center center no-repeat;
    background-size:cover;
    font-family: 'LemonMilk';
}

.revlogo {
    position:absolute;
    top:0;
    left:20px;
}
.surfacelogo{
    position:absolute;
    top:0;
    right:20px;
}
.intro {
    color:#fff;
    font-family: 'ArcherSemibold';
    font-size:50px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    letter-spacing:3px;
    margin-top:10px;
}
h1 {
    color:#002A3A;
    font-size:72px;
    text-transform: uppercase;
    font-family: 'LemonMilklight';
    font-weight:bold;
    letter-spacing:2px;
    margin:0px;
}

.intro-wrapper {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align:center;
    width:100%;
}

.enter-site {
    text-decoration: none;
    border:1px solid #002A3A;
    background:#002A3A;
    padding:0px 25px;
    line-height:71px;
    height:71px;
    display:inline-block;
    position:relative;
    text-transform: uppercase;
    font-size:31px;
    color:#fff;
    font-weight: 100;
    font-family: 'LemonMilklight';
    letter-spacing:5px;
}
.enter-site:before
{
    content:' ';
    position:absolute;
    right:-52px;
    width:50px;
    height:50px;
    top:10px;
    transform: translatex(-50%) rotate(45deg);;
    -ms-transform: translatex(-50%) rotate(45deg);;
    -moz-transform: translatex(-50%) rotate(45deg);;
    -webkit-transform: translatex(-50%) rotate(45deg);;
    -o-transform: translatex(-50%) rotate(45deg);;
    transform-origin: 50% 50%;
    border:1px solid #002A3A;
    background:#002A3A;
    border-bottom-left-radius: 50%;
}


.enter-site:hover {
    background:#fff;
    color:#002A3A;
}
.enter-site:hover:before {
    background:#fff;
    border-bottom:0;
    border-left:0;
}

.footer {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}

.acks {
    font-family:'ArcherLight';
    font-size:23px;
    display: inline-block;
    color:#002A3A;
    max-width:300px;
    text-align:left;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);

}
.acks span {

}
.acks p {
    font-weight: bold;
}

.collogo {
    height:105px;
    width:auto;
    padding-left:20px;
}
.parkslogo {
    height:105px;
    width:auto;
    padding-left:20px;

}

.npe {
    pointer-events: none;
}