@charset "utf-8";
/*HTML STYLE*/
html {
  background-image: url("background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
/* Body Styles */
body {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    min-width: 640px;
    width: 100%;
    background-image: url("photo.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    
}

/* Body Header Styles */
body > header > img {
    display: inline-block;
    width: 10%;
    float: left;
    background-color: rgb(4, 84, 164);
    padding: 10px;
    
} 
body > header > menu li {
    width: 20%;
}  
/*___________________________________________________________________*/
/*TEXT STYLES*/
h1 {
    font-size: 1.8em;
    letter-spacing: 0.1em;
    color:aliceblue; 
    text-align: center;
    padding-top: 200px;
    padding-bottom: 4px;
    text-shadow: 0px 20px 20px rgba(0, 0, 0, 0.4);
}
 
h2 {
    font-size: 1.8em;
    letter-spacing: 0.1em;
    color:aliceblue; 
    text-align: center;
    text-shadow: 0px 20px 20px rgba(0, 0, 0, 0.4);
}

h3 {
    font-size: 1.3em;
    letter-spacing: 0.1em;
    color:rgb(243, 189, 81);
    margin-left: 35px;
}

p {
    font-size: 1.3em;
    color:#f2f2f2;
    text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
}
hr {
    color: rgb(181, 209, 233);
}
/*___________________________________________________________________*/
/*NAV="menu"*/
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(4, 84, 164);
  }
.menu li {
    float: left;
  }
.menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
.menu li a:hover {
    background-color: rgb(220, 156, 28);
  }

/*Main*/
#main {
    vertical-align: bottom;
}



/*___________________________________________________________________*/
/*Solicitation Hammer*/
* {box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 6px;
  border: 2px solid rgb(204, 204, 204);
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 3px 3px 3px 0;
  display: inline-block;
}

input[type=submit] {
  width: 100%;
  -webkit-transition: background-color 0.7s linear;
  background-color: rgb(4, 84, 164);
  color: white;
  padding: 14px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: rgb(181, 209, 233);
  border-radius: 4px;
}

.container {
  float: left;
  border-radius: 20px;
  background-color: #f2f2f2;
  border-color: rgb(243, 189, 81);
  padding: 45px;
}

.col-01 {
  float: center;
  width: 75%;
  margin-top: 6px;
}

.col-25 {
  float: center;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: center;
  width: 75%;
  margin-top: 6px;
}  

/* Footer Styles */

footer {
    clear: left;
    background-color: #f2f2f2;
 }

.list {
    float: left;
    width: 22%;
    background-color: #f2f2f2;
 }
.list ul {
    line-height: 2em;
    list-style-type: none;
    background-color: #f2f2f2;
 }
 
 .list a:link, 
 .list a:visited {
    color: rgb(115, 83, 6)
 }
 
.list a:hover, 
.list a:active {
    text-decoration: underline;
 }

footer::after {
    clear: both;
    content: "";
    display: table;}