/* stylesheet 
Author: Jerald Chua
Adm No.:1816837
Class:DBIT/FT/1B/21 */

body, nav, div, footer, header, h1, h2, p {
    border: 0;
    padding: 0;
    margin: 0;
}

html {
    position: relative;
    min-height: 100%;
}

 /* body */
body {
	background-color: #D9F7FF;
	font-family: "Comic Sans MS", Arial, Palatino, Helvetica;
	line-height: 1.5;
    max-width: 100%;
    height: auto;
	bottom: 280px;
	text-align: center;
}

.brand {
	font-size: 35px;
	line-height: 1.5;
	padding: 3px;
	color: #000000; 
	text-align: center;
	position: relative;
}

/* product nav bar */
nav.productnav {
	color: #000000;
    text-align: center;
	background-color: #9999ff;
	max-width: 100%;
}

nav.productnav p {
    margin: 0.3em 0.5em;
    display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial, Palatino, Helvetica;
}
 
nav.productnav a:link {
    text-decoration: none;
    color: #000000;
}
 
nav.productnav a:visited {
    color: #000000;
}
 
nav.productnav a:hover, nav.productnav a:focus {
    color: #ff0000;
}

 /* products */
.products {
	font-family: "Comic Sans MS", Arial, Palatino, Helvetica;
}

.products h2 {
	padding-top: 10px;
	font-size: 2em;
}

.column {
    float: left;
    width: 33.33%;
}

.row {
    display: flex;
}

.productpic {
	width: "100%";
	height: "auto";
}
	
 /* nav bar */
nav.sitenavigation {
    color: #000000;
    text-align: center;
	background-color: #9999ff;
	max-width: 100%;
}
 
nav.sitenavigation p {
    margin: 0.3em 0.5em;
    display: inline-block;
	font-size: 2em;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial, Palatino, Helvetica;
}
 
nav.sitenavigation a:link {
    text-decoration: none;
    color: #000000;
}
 
nav.sitenavigation a:visited {
    color: #000000;
}
 
nav.sitenavigation a:hover, nav.sitenavigation a:focus {
    color: #ff0000;
}

 /* description */
 .description {
	font-family: "Comic Sans MS", Arial, Palatino, Helvetica;
}
	
.description h1 {
	font-size: 3em;
	padding-top: 10px;
	padding-bottom: 0.2em;
}
 
 /* about us */
.aboutus {
	font-family: "Comic Sans MS", Arial, Palatino, Helvetica;
}

.aboutus h1 {
	font-size: 3em;
	padding-top: 10px;
	padding-bottom: 0.2em;
}

.aboutus p {
	font-size: 2em;
}

 /* contact us */
.contactus {
	text-align: center;
}
	
.contactus h1 {
	font-size: 3em;
	padding-top: 10px;
	padding-bottom: 0.2em;
}

.contactus p {
	font-size: 2em;
}

 /* footer */
footer {
	padding: 0.6em;
	background-color: #9999ff;
	color: #000000;
	text-align: center;
	font-weight: bold;
	max-width: 100%;
}

 /* social media */
 .pic {
	 padding: 10px;
}
 
 /* print styles */
@media print {
	body, h1, article, footer {
		color: rgb(0, 0, 0);
		background-color: rgb(255, 255, 255);
		}
	
	body {
		max-width: 100%;
		border: 0;
	}
	
	h1 {
		font-size: 2.6em;
		padding: 0;
	}
	
	h2 {
		font-size: 2.2em;
	}
	
	nav {
		display: none;
	}
}
@page {
	margin: 0.75in;
}