/* MAIN COMPONENTS*/
header{
    padding:2%;
    text-align: center; 
}

footer{
    padding: 5%;
    text-align: center;
    color: #fffdff; 
}

body{
    background-color: #381029;
    font-family: sans-serif;
}




/* DIVS*/
div.clearfix {   
    content: "";   
    display: table;   
    clear:both; 
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 2%;
    margin-top: 2%;
} 

div.container1 {
    color: black;
    background-color:#fffdff;
    margin-left:15%; 
    border-bottom: 5px solid gray;
    display: inline-block; 
    float:left;
    width:70%;
}

div.container2{
    color: black;
    background-color: #E8E2C6;
    border-bottom: 2px solid #02f2ff;
    margin-left: 15%;
    float:left;
    display: inline-block;
    width:70%;
}

div.container3{
    color: black;
    background-color: #E8E2C6;
    margin-left: 15%;
    display: inline-block;
    width:70%;
}
div.container4{
    margin-top: 3%;
    margin-bottom: 3%;
    margin-right: 3%;
    margin-left: 3%;
}

div.container5{
    padding-left: 33%;
}




/* NAV*/
nav1 {
    float: right;
    max-width: 150px;
    padding: 10px;
    margin-right: 10px; 
    margin-top: 1.25%
}

nav {
    float: right;
    margin-top: 5%;
    max-width: 150px;
    padding: 10px;
     width: 100%;
    text-align: center;
}





/*HYPERLINK PROPERTIES*/

a:link {
    color:#ff5a4e;
    font-size: 110%;
    font-weight:bold;
}

a:visited{
    color: #ffff87;   
}

a:hover{
    color:#586162;
    text-decoration: none;   
}

a:active {
color: #f8f5f2;
}




/*HEADERS*/
h1{
    color:#fffdff ;
    font-family: "Trebuchet MS";
    font-size: 300%;
    padding-top: 25px;
}

h2{
    color: black;
    font-family: "Trebuchet MS";
}
h3{
 color: #02f2ff;
    font-family: "Trebuchet MS";
    font-size: 200%;
    margin-left: 3%;
}

h4{
    font-size: 250%;
    color: #F2E8DF;	
    text-align: center;
}

h5{
    color:#fffdff;
    font-family: "Trebuchet MS";
    text-align: center;
    font-size: 150%
}






/*IMAGES AND PICTURES*/
img.picture1{
    display: block;
    float: left;  
    max-width: 70%;  
}

img.picture2{
    display: block; 
    max-width: 70%;  
    margin-left: 30px;
    float: right;  
}
img.picture3{
    align-self: center;
}

.images { 
    display:inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
object {
 display: block;
    margin: auto;
    width: 40%;
}






/*ARTICLES AND PARAGRAPHS*/


p1{
    color:#fffdff;
}

p2{
   color: #F2E8DF;	
    text-align: center; 
}

article {
    margin-right: 170px;
   border-right: 1px solid gray;
    padding: 1em;
    overflow: hidden;
}





/*BUTTONS*/
.button {
font-family: Arial,Helvetica,sans-serif;
}