@font-face {
    font-family: 'ralewaylight';
    src: url('https://ace-face.co.uk/fonts/raleway/raleway-light-webfont.woff2') format('woff2'),
    url('https://ace-face.co.uk/fonts/raleway/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('https://ace-face.co.uk/fonts/raleway/raleway-medium-webfont.woff2') format('woff2'),
    url('https://ace-face.co.uk/fonts/raleway/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('https://ace-face.co.uk/fonts/raleway/raleway-regular-webfont.woff2') format('woff2'),
    url('https://ace-face.co.uk/fonts/raleway/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('https://ace-face.co.uk/fonts/raleway/raleway-semibold-webfont.woff2') format('woff2'),
    url('https://ace-face.co.uk/fonts/raleway/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro_displaylight';
    src: url('https://ace-face.co.uk/fonts/sfpro/sf-pro-display-light-webfont.woff2') format('woff2'),
    url('https://ace-face.co.uk/fonts/sfpro/sf-pro-display-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    overscroll-behavior: none;
    font-size: 100%;
    background-image: url('https://ace-face.co.uk/images/background2.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#banner{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10000;
    font-family: "ralewaylight", sans-serif;
    text-align: center;
    background-image: url('https://ace-face.co.uk/images/background2.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#banner .company-names{
    background-color: #222222;
    color: #ffffff;
    z-index: 10000;
    font-family: "ralewaylight", sans-serif;
    text-align: center;
}
#banner .subheading{
    background-color: #ffffff;
    color: #000000;
    z-index: 10000;
    font-family: "ralewaymedium", sans-serif;
    text-align: center;
}

h1,h2,h3,h4,h5,p {
    margin: 0;
    padding: 0;
}

h1 {
    font-family: "ralewaylight", sans-serif;
    color: #ffffff;
    text-align: center;
}

h2 {
    font-family: "ralewaylight", sans-serif;
    color: #ffffff;
}

p {
    font-family: "Avenir light", sans-serif;
    color: #ffffff;
}

#fixtures{
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.fixture{
    float: left;
    width: 100%;
}

.fixture-title-bar{
    float: left;
    width: 100%;
    color: #fff;
    font-family: "ralewaylight", sans-serif;
    background-color: #05406f;
}

.fullwidth-title-bar{
    float: left;
    width: 100%;
    color: #fff;
    font-family: ralewaylight, sans-serif;
    text-align: center;
    border-bottom: 2px groove #ffffff;
    background-color: #05406f;
}

.fixture-card{
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fff;
}

.fixture-card-wrap{
    float: left;
}

.fixture-status{
    clear: left;
    float: left;
    font-family: "Avenir light", sans-serif;
    color: #666666;
    width: 100%;
}

.fixture-status .duration{
    /*text-align: center;*/
}

.fixture-status .court-number {
    font-family: "Avenir Book", sans-serif;
    float: right;
}

.fixture-name{
    font-family: Avenir, "ralewaymedium", sans-serif;
    text-align: center;
    color: #000;
}

.team{
    float: left;
    width: 100%;
    clear: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.players {
    display: flex;
    float: left;
    flex-direction: column;
    justify-content: center;
    /*background: #3a768f;*/
}

.player{
    font-family: "ralewayregular", Avenir, sans-serif;
}

.seed{
    color: #05406f;
    font-family: "ralewaylight", Avenir, sans-serif;
}

.player.player2{
}

.scores{
    float: left;
    /*background: #666666;*/
}

.scores span {
    display: block;
    float: left;
    font-family: "sf_pro_displaylight", Avenir, sans-serif;
    text-align: center;
}

.not-started .scores{
}

.scores span.set-game:last-of-type {
}

.scores span.set-game.game-score {
    color: #27a0f4;
}

.fixture:last-of-type {
    margin-bottom: 70px;
}

div.footer p {
    font-family: "Avenir light", sans-serif;
    color: #ffffff;
}