/* over all rules */
*{
 box-sizing:border-box;
}
html,body{
 margin:0;
 padding:0;
 font-size:14px;
 background:gray;
}
.container{
 width:1200px;
 float:left;
 position:relative;
 left:50%;
 margin-left:-600px;
 background:white;
 padding:10px;
}
a{
 text-decoration:none;
 color:blue;
}
/* header and footer */
header,footer,article,nav,section{
 float:left;
 padding:10px;
}
header,footer{
 width:100%;
}
header,footer{
 background-color:darkblue;
 color:white;
 text-align:center;
}
header{
 font-size:1.8em;font-weight:bold;
 height:200px;
}
header big{
 line-height:130px;
 vertical-align:bottom;
}
footer{
 background-color:black;
 height:100px;
}
footer p{
 width:33.33333%;
 float:left;
 color:yellow;
}
footer a{
 text-decoration:underline;
 color:#fff;
 font-weight:bold;
}
/* navigation on the left hand side */
nav{
 text-align:center;
 background-color:black;
 font-style:italic;
 width:100%;
 margin-right:1%;
 border:1px solid #ccc;
}
nav a{
 float:left;
 display:block;
 width:10%;
 padding-right:3px;
 background-color:gray;
 color:yellow;
 height:30px;
 padding:10px;
 border-radius:4px;
 line-height:10px;
 vertical-align:middle;
 margin-left:1%;
}
nav a:hover,nav a:active{
 background-color:green;
}   

/* <article> tag is our 'content area' */
article{
 text-align:center;
 width:100%;
 background-color:green;
}
/* section */
article section{
 color:darkblue;
 width:100%;
 padding:0;
}
article section iframe{
 width:100%;
 height:650px;
 padding:0;
}
/* basic page column layout */
.halves{
 text-align:left;
 width:49%;
 float:left;
 margin-right:2%;
}
.thirds{
 text-align:left;
 width:32%;
 float:left;
 margin-right:2%;
}
.welcome{
}
.trumpet p{
	margin:0px;
}
.iconmenu{
 background:red;
}
.iconmenu a{
 margin-left:3%;
 /*background:powderblue;*/
}
.last{
 margin-right:0;
}