*{
    margin:0;
    padding:0;
    color:white;
}

body{
    font-family: Verdana, "Lucida Sans Unicode", sans-serif;
}

#container {
    margin:30px auto;
    width:960px;
}

a:hover {
	color: #75A8E6;
	text-decoration: underline;
}

#header {
    width:100%;
    background:#2462AD;
    margin-bottom: 2%;
    height:150px;
}

#footer {
    text-align: center;
    width:100%;
    background:#2462AD;
    margin-bottom: 2%;
    height:150px;
}

#content {
    text-align: center;
    width: 100%;
    margin-right:2%;
    background:#2462AD;
}

#sidebar1 {
    float:left;
    width:20%;
    margin-right:2%;
    background:#2e6a80;
    height:800px;
}

#sidebar2 {
    float:left;
    width:20%;
    background:#153a48;
    height:800px;
}

@media only screen and (max-width: 1024px) {
    #container { 
        width:100%; 
    }

    #content { 
        width:100%; 
    }

    #sidebar1 {
        width:20%;
        margin-right:0;
        margin-bottom:2%;
    }

    #sidebar2 {
        width:100%;
        height:200px;
    }
} 

@media only screen and (max-width: 480px) {
    #content {
        width:100%;
        margin-right:0;
        margin-bottom:2%;
    }

    #sidebar1 {
        width:100%;
        height:200px;
        margin-right:0;
        margin-bottom:2%;
    }

    #sidebar2 {
        width:100%;
        height:200px;
        margin-top:2%;
    }
}