img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

body {
  align="center"
}

iframes {
    <iframes style="float:right">
}

div {
    max-width: 100%;
}

div, iframe {
    margin: 0 auto;
    background-color: #ccc;
}








icon-bar {
    position:fixed;
    width: 100%; /* Full-width */
    background-color: #555; /* Dark-grey background */
    overflow: auto; /* Overflow due to float */
}

.icon-bar a {
    float: left; /* Float links side by side */
    text-align: center; /* Center-align text */
    width: 20%; /* Equal width (5 icons with 20% width each = 100%)
    padding: 12px 0; /* Some top and bottom padding */
    transition: all 0.3s ease; /* Add transition for hover effects */
    color: white; /* White text color */
    font-size: 36px; /* Increased font size */
}

.icon-bar a:hover {
    background-color: #9999ff; /* Add a hover color */
    font-size: 31px; /* Increased font size */
}

.active {
    background-color: #4CAF50; /* Add an active/current color */
}

#cssmenu {
       position:fixed;
       top: 0;
       margin:auto;
       left: 0;
       right: 0;
       width: 100%;
    height: 38px;
    background-color: #1111a0;
   background-image:none;
}

.iframevw {
    max-width: 1280px;
    max-height: 720px;
       width: 100%;
    width: 100%;
    height: 56.25vw;
}

.containeryoutube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.videoyoutube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#commentsection
{
	background-color:#BBBBFF; 
	font-family:"Arial Verdana", Arial, Sans-serif;
	border:solid 11px blue ;
	padding:3px; 
	font-weight:bold; 
	font-size:150%; 
	color:rgba(0, 0, 0, .3);
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;
}


<body style="background-image:url(tierdroid_doorplate.jpg)">
    background-color: #ccc;
    background-image:url(tierdroid_doorplate.jpg);
    max-width: 1280px;
</body>



