@font-face {
    font-family: 'gotham_mediumregular';
    src: url('../fonts/gotham_medium_regular-webfont.woff2') format('woff2'),
         url('../fonts/gotham_medium_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'gothamlight';
    src: url('../fonts/gothamlight-webfont.woff2') format('woff2'),
         url('../fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('../fonts/gotham-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    color:#ffffff;
    font-family: 'gothamlight', sans-serif;  
    

}

body {
    color:#ffffff;
    background-color: #100c08;
    font-family: 'gothamlight', sans-serif;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#100c08+1,a5a7b7+71,2f6daa+91 */
    background: linear-gradient(135deg,  #100c08 1%,#a5a7b7 71%,#2f6daa 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#100c08+47,6d7077+82,6d7077+82,2f6daa+95 */
background: linear-gradient(135deg,  #100c08 47%,#6d7077 82%,#6d7077 82%,#2f6daa 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */




    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    text-align: justify;


}

h1,h2,h3,h4,h5{
    color:#ffffff;
    font-family: 'gotham_mediumregular', sans-serif;
}

ul {
    list-style-type:none;
}

.med {
    font-family: gotham_mediumregular;
}

.wologo {
    height:120px;
    margin:10px;
}

.woleftimg{
    padding-bottom: 20px;
}

.wowatermark {
    height: 400px;
    position:fixed;
    bottom: 1px;
    right:1px;
    z-index: -1;

}

.wositebut {
    display:inline-block;
    margin:5px;
    cursor: pointer;
    border:3px solid white;
    border-radius: 40px;
    padding: 15px;
    height:80px;
    opacity: 80%;
    width: 220px;

}

.wositebut > img {
    height:50px;
}


.wositebut:hover {
    opacity: 100%;
    border:3px solid #2f72ad;
}


.logo {
    margin-bottom: 60px;
}

.topspace {
    margin-top:80px;
}

.fullwidth{
        width:100%;
        background-image:none;
}

.border{
    border: 1px solid red;
}
