body {

background-color: #561c0e;

color:#ffffff;

font-weight:bold; 

margin:0 0;

padding:0;

}



.container {

    background: #561c0e; 

    width:954px;

    margin: 0 auto;



    

}



.heading {

font-size: 32px;

color:#ffffff;

display: block;

margin-top: 30px;

margin-left: auto;

margin-right: auto;

text-align:center;

}



.nav{

    

    list-style:none;

    margin:0 80px;

    padding:0;

    text-align:center;

}

.nav li{

    margin-bottom:10px;

    display:inline-block;

    padding-left:145;

}

.nav a{

    display:inline-block;

    color: #ffffff;

    font-size:28px;

    text-decoration:none;

    padding:5px;

}



a:hover { 

height:25px;

background-color: #217364;

}



.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px; height: 0; overflow: hidden;

} 



.your-centered-div {

    max-width: 560px; /* you have to have a size or this method doesn't work */

    max-height: 315px;

    margin-right: auto;

    margin-left: auto;

}