@font-face {
    font-family: 'CentraleSans Book';
    src: url('../fonts/CentraleSans-Book/CentraleSans-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Book/CentraleSans-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Book/CentraleSans-Book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Book/CentraleSans-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Book/CentraleSans-Book.svg#1d84a514a13dcf4f9de78cc3753dbf03') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  400;
}


@font-face {
    font-family: 'CentraleSans Light';
    src: url('../fonts/CentraleSans-Light/CentraleSans-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-Light/CentraleSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-Light/CentraleSans-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-Light/CentraleSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-Light/CentraleSans-Light.svg#d22854b5c8a257945cfe36032fb48365') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  200;
}

@font-face {
    font-family: 'CentraleSans XBold';
    src: url('../fonts/CentraleSans-XBold/CentraleSans-XBold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CentraleSans-XBold/CentraleSans-XBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/CentraleSans-XBold/CentraleSans-XBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/CentraleSans-XBold/CentraleSans-XBold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CentraleSans-XBold/CentraleSans-XBold.svg#9a864760680d346e5852a22d8d46f391') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  700;
}

body{
    background-color: #f5f5f3;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding:0;
}
h1{
    font-family: 'CentraleSans XBold';
    font-size:55px;
    color:#b6bf00;
    margin: 0;
    margin-top: 5px;
    line-height:66px;

}
h2{
    font-family: 'CentraleSans Light';
    font-size: 17px;
    color:#b6bf00;
    margin-top: 18px;
    line-height: 25px;
}
footer
{
    position: absolute;
    bottom:0px;
    text-align: center;
    margin:10px auto;
    width:100%;
}
footer p
{
    font-family: 'CentraleSans Book';
    color:#cccccc;
    font-size:13px;
}
div
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 50%;
    text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 700px){
    div
    {
        left:0;
        top:0;
        transform:none
    }
    h1{
        font-size:34px;
        line-height:40px;
    }
    h2
    {
        font-size:16px;
        line-height:24px;
    }
}