/* Tom_CSS Sheets*/
* 
/* Body CSS*/

.body {
    font-family: Arial, sans-serif;
    padding: 3px;
   	font-size: 20px;
	background-repeat: repeat;
	background-color: dodger-blue;
	background-image: url("DavidChairLaser.MP4") ;
	animation-display: 150ms;
	background-position: center center;
	background-size: cover;
	border: none;
	color: #b3ffb3;
	
	
}

/* Header Title CSS*/
.header {
    padding: 1px;
    text-align: center;   
	background: #fbefcc;
	border-color: dodgerBlue;
}

/* Header1 CSS*/
.header h1 {
    font-size: 0px;
	color: #1a0a80;
}
/* Header2 CSS*/
.header h2 {
	padding: 20px;
	text-align: center;
}

/* NavBar Style CSS*/
.topnav {
    overflow: hidden;
    background-color: dodgerBlue;	
	
	}

/* Nav Links Style CSS*/
.topnav a {
    float: left;
    display: block;
	font-size: 20px;
    color: #fbefcc;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	color: #fbefcc;	
}

/* Nav Hover Color */
.topnav a:hover {
    background-color: #9999ff;
    color: #000036;
}

/* Float Columns Style CSS*/
/* Left column */
.leftcolumn {   
    float: left;
    width: 50%;
}

/* Right column */
.rightcolumn {
    float: left;
    width: 50%;
    background-color: #87CEFA;
    padding-left: 0px;
}

/* Image Style */
.fakeimg {
    background-color: #fbefcc;
    width: 100%;
    padding: 20px;
}

/* ???????? */
.card {
    background-color: #87CEFA;
	color: #800000;
    padding: 20px;
    margin-top: 20px;
}

/* Column Floats Clear */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* Footer Style CSS*/
.footer {
    padding: 5px;
    font-size: 15px;
    background: #fbefcc;
	text-align: center;
    margin-top: 5px;
	color: #180645;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .leftcolumn, .rightcolumn {   
        width: 100%;
        padding: 0;
    }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
    .topnav a {
        float: none;
        width: 100%;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  body {
    background: #999;
    width: 100%;
  }