@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway');

.bg {
    /* The image used */
    background: url(Images/Blurred.jpg);

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

img {
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    width: 625px;
    height: 233px;
    margin-top: 116px; /* Half the height */
    margin-left: -312px; /* Half the width */
}

.content {
    position: absolute; /* Position the background text */
    bottom: 0; /* At the bottom. Use top:0 to append it to the top */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    width: 100%; /* Full width */
    padding: 20px; /* Some padding */
    box-sizing: border-box;
}


body, html, p {
    height: 100%;
    margin: 0;
    font-family: 'Raleway';
    font-size: 22px;
    color: #f1f1f1;   
}

a, h1 {
    font-family: 'Josefin Sans';
    color: #f1f1f1;
    font-size: 22px;
    text-decoration: none;
}

.title {
    font-family: 'Josefin Sans';
    color: #f1f1f1;
    font-size: 16px;
    text-decoration: none;
}

a.active:link, a.active:visited  {
    color: #f1f1f1;
    font-size: 30px;
}


a.inactive:link, a.inactive:visited {
    color: #b8b8b8;
}

 
table {
    width: 100%;
}

th.active{
    color: #ffffff; 
    font-family: 'Josefin Sans';
    font-size: 30px;
}

th.inactive {
    color: #1b1fe8;
    font-family: 'Josefin Sans';
    font-size: 22px;
}