/* Tom_CSS Sheets*/
* 
/* Body CSS*/
body {
    font-family: 'Trebuchet MS', sans-serif;
    padding: 10px;
   	font-size: 15px;
	background: #EBF5FB;
	color: #180645;	
}

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

/* Header1 CSS*/
.header h1 {
    font-size: 30px;
	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: right;
    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;;
    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%;
  }