body {
#    background-image: url(images/background1.jpg);
    background-position: center center;
    background-color: 333;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
  margin: 0;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
}

table {
	table-layout: fixed;
        width: 100%; height: 100%;
        margin-left: 0em;
        margin-right: 0em; 
	background-color: #333;
	background-image: url(images/background_blank.jpg);
	background-position: center center;
	background-color: black;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: 0px;
	margin: 0;
}



.img {
    background-image: url(images/bg_200px.jpg);
    background-position: center top;
    background-color: #333;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
}

.msg {
  background-color: #fff;
  font-color: black;
  font-size: 12px;
  width: 200px;
  height: 50px;
  margin: auto;
  text-align: center;
  padding-top: 5px;
  border: 1px solid black;
  border-radius: 5px;
}

table.about_me {
	background-color: #FFF;
	width: 200px; height: 300px;
	border: 1px solid #000;
	border-radius: 5px;
        padding: 15px;
}

td.about_me { text-align: left; } 

@media (min-width: 300px) {
    .img {
    background-image: url(images/bg_400px.jpg);
    background-position: center;
    }
  table { width: 300px; height: auto;}
  table.about_me { width: 320px; }
  .msg {width: 350px; height: 100px; font-size: 25px;}
}

@media (min-width: 600px) {
    .img {
    background-image: url(images/bg_600px.jpg);
    }
  table { width: 600px;  height: 100%; border: 0px;}
  table.about_me { width: 600px; }
}

@media (min-width: 800px) {
    .img {
    background-image: url(images/bg_1024px.jpg);
    background-size: cover;
    }
  table { width: 600px;  height: 100%; border: 0px;}
  table.about_me { width: 600px; }
}


@media (min-width: 1900px) {
    .img {
    background-image: url(images/bg_1920px.jpg);
    }
  table { width: 600px;  height: 100%; border: 0px;}
  table.about_me { width: 600px; }
}




.header {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

#navbar {
  overflow: hidden;
  background-color: #333;
}

#navbar a {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #6699ff;
  color: black;
}

#navbar a.active {
  background-color: black;
  color: white;
}

.sticky {
  position: static;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

.embed-responsive {
    position: absolute;
    left: 0; right: 0;
    top: 50%;
    /* video height / video width */
    padding-bottom: 56.2%;
    /* the above value * 0.5 */
    margin-top: -28.1%;
    height: 0;
    overflow: hidden;
}

}