@font-face {
    font-family: 'ralewayregular';
    src: url('/fonts/raleway-regular-webfont.eot');
    src: url('/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('/fonts/raleway-regular-webfont.woff') format('woff'),
         url('/fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('/fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
    width: 100%;
    height: 100%;
    font-family: 'ralewayregular';
}

a {
	color: rgb(255,255,255);
	text-decoration: none;
}

.reachpeak-content {
    position:relative;
    width: inherit;
    height: inherit;
    display: block;
    background: url('/media/backgroundImage.jpg');
    background-position:center;
    background-size: cover;
}

.reachpeak-content::after{
    content: "";
    background-color: rgba(0, 0, 0, .9);
    opacity: 0.9;
    position: absolute;
    z-index: 1;
    top:0;
    left:0;
    bottom:0;
    right:0;

}

.reachpeak-logo {
    padding:40px;
    height: 30%;
    position:relative;
    z-index:2;
}

.reachpeak-info {
    color: rgb(240, 85, 35);
    font-size:32px;
    font-weight: 600;
    position:absolute;
    z-index:2;
    top: 40%;
    width: inherit;
    text-align:center;
    letter-spacing: 2px;
}

.reachpeak-footer {
    padding:40px;
    color: white;
    font-size:12px;
    font-weight: lighter;    
    position:absolute;
    z-index:2;
    left:0;
    bottom:0;
}

.reachpeak-footer span{
    color: rgb(240, 85, 35);
    font-weight: bold;
}

.reachpeak-barrafundo {
    position:absolute;
    z-index:2;
    right:100px;
    bottom:0;
    background-color: rgb(240, 85, 35);
    height: 40%;
    width:2px;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

@media only screen and (max-width:768px) {
    .reachpeak-info {
        font-size:18px;
    }
}