html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: #e6e6e6 url(images/bg.jpg) top center no-repeat;
    color: #0a186e;
    font-size: 1em;
    line-height: 20px;
    font-family: 'Source Sans Pro', sans-serif;
}
h1{
    text-transform: uppercase;
    font-size:2.25em;
    text-align: center;
    margin-bottom: 45px;
    font-family: 'Oswald', sans-serif;
    line-height: 1.2em;
}
h2{
    text-transform: uppercase;
    font-size:1.25em;
    text-align: center;
    font-weight: normal;
    line-height: 1.2em;
    font-family: 'Oswald', sans-serif;
}
h3{
    color:#ad172b;
    margin-bottom:0;
    margin-top:30px;
    font-weight: 600;
}
h3 ~ p{
    margin:0;
}
a{
    text-decoration: none;
    color:#ad172b;
}
a:hover{
    text-decoration: underline;
}
p{
    text-align: justify;
    font-weight: 600;
}
img{
    border:10px solid #fff;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.26);
    
}
ul{
    padding:0 0 0 25px;
    margin:0;
    font-weight: 600;
}
.left{
    float:left;
    margin-right:29px;
    margin-bottom:29px;
}
.right{
    float:right;
    margin-left:29px;
    margin-bottom:29px;
}
.red{
    color:#ad172b;
}
.clearfix{
    clear:both;
}

div.wrap{
    min-width:320px;
}
div.container{
    max-width:760px;
    padding:0 15px 0 15px;
    margin:auto;
}
div.topbg, div.gikidslogo{
    width:100%;
    height:100px;
}
div.topbg{
    background:url(images/topbg.png) top center no-repeat;
    margin-bottom:43px;
}
div.gikidslogo{
    background:url(images/gikidslogo.svg) center no-repeat;
    background-size:150px 80px;
}
div.gdilogo{
    width:100%;
    height:141px;
    background:url(images/gdilogo.svg) center no-repeat;
    background-size:291px 141px;
    margin-bottom:11px;
}
div.tscdate{
    margin:auto;
    width:314px;
    height:92px;
    background:url(images/tscdate.svg) top 15px center no-repeat;
    background-size:302px 66px;
    border-top:1px solid #0a1971;
    border-bottom:1px solid #0a1971;
    margin-bottom:13px;
}
div.special{
    background:#f8f8f8;
    padding:30px 0 30px 0;
    margin:50px 0 50px 0;
}
div.special div.container{
    max-width:645px;
    padding:0 50px 0 50px;
    font-size: 1.3em;
    line-height: 1.2em;
}
div.gilogo{
    height:160px;
    background:url(images/gilogo.png) center no-repeat;
    background-size:284px 88px;
}
footer{
    padding-top:13px;
    background:#0a1d6f;
    min-height:35px;
    color:#fff;
    text-align: center;
    font-size:0.8em;
}
footer a{
    color:#fff;
}
@media screen and (max-width: 768px){
    p{
        text-align: left;
    }
    footer{
        padding-bottom:10px;
    }
}
@media screen and (max-width: 500px){
    img{
        display:none;
    }
}