@media screen and (max-width: 980px) {
	#container {
		width: 95%;
	}
       #content{
              width:55%;
       }
       #left{
             width:35%;
       }
      object{
       width:420px;
       height:290px;
       }
      #footer{
      height:30px;
      }
}

@media screen and (max-width: 800px) {
	#container {
		width: 95%;
                padding:1%;
                margin:1%;
	}
       #content{
              width:55%;
       }
       #left{
             width:35%;
       }
      object{
       width:340px;
       height:280px;
       }
      #footer{
      height:30px;
      }
}

@media screen and (max-width: 700px) {
	#container {
		width: 95%;
	}
       #content{
              width:55%;
       }
       #left{
             width:35%;
       }
      object{
       width:315px;
       height:278px;
       }
      #footer{
      height:30px;
      }
}

@media screen and (max-width: 600px) {
	#container {
		width: 95%;
	}
       #content{
              width:55%;
       }
       #left{
             width:35%;
       }
      object{
       width:250px;
       height:200px;
       }
      #footer{
      height:30px;
      }
}

@media screen and (max-width: 480px) {
	#container {
	     width: 95%;
	}
       #content{
              width:95%;
       }
       #left{
             width:94%;
            margin:2%;
       }
      object{
              width:305px;
              height:240px;
       }
      #footer{
             height:20px;
      }
}