@charset "utf-8";
/* CSS DOCUMENT */

/*WHOLE PAGE*/
html { 
	background: url(image/wallpaper.jpg) no-repeat center fixed; 
	background-size: cover;
}
.page {background-color:#993300;
		width:80%;
		margin:auto;
		padding:10px;}


/*HEADER SECTION*/

.masthead {background-color:#FF3333;
			}
.nav ul {
  list-style: none;
  background-color: #f42b98;
  text-align: center;
  padding: 0;
  margin: 0;
  
}
.nav li {
  font-family: "Cooper black", Constantia, sans-serif;
  font-size: 1.3em;
  line-height:50px;
  height: 40px;
  border-bottom: 1px solid #bb0d0d;
}
 
.nav a {
  text-decoration: none;
  color: #0c0101;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
  background-color: #cb7ace;
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
 
@media screen and (min-width: 600px) {
  .nav li {
    width: 150px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
  
  .nav li {
    display: inline-block;
    margin-right; -4px;
  }
  
div#main1 {
	background-color: #74c4ed;
	border: 1px solid;
	width: 99.9%;
	

}

/*MAIN SECTION*/

#main1 {background-color:white;
		width:60%;
		float:left;}

main {background-color:pink;
		width:60%;
		float:left;}

h1 { font-family: ravie; background-color: rgb(222,9,164); }
      
h2 { font-family: Hobo Std; background-color: rgb(89,217,194); }

h3 { font-family: Charlemagne Std; background-color: rgb(79,205,216); }


/*SIDEBAR SECTION*/

.sidebar {background-color:#f59955;
		width:40%;
		float:right;}



/*FOOTER SECTION*/

.footer-last {background-color:#d44bb5;
	     clear:both;}