style.css

html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
padding: 0; margin: 0;
}
html,body{
display: block;
height: 100%; width: 100%;
overflow: hidden;
}
ul,li,a{
margin: 0; padding: 0;
list-style: none;
text-decoration: none;
}
.main .main-header .main-container .main-footer {
  display: block;
  width: 100%;

}
.main-header {
padding-top:5px;
background-color: #08997B;
width: 100%;
height: 150px;


}
.main-footer {
  height: 40px;

background-color: #09AB89;
color:white;

}
h4 {
  padding-top: 5px;
}


img {
  opacity: 0.6;
  float: left;
  margin-left: 2px;
  margin-right: 5px;
}
h3 {
  float: left;
  margin-left: 20px;
}
ul li a {
display: block;
 float:left;
 margin-left: 10px;
}
div {
  margin-bottom: 12px;
}
p {
  padding: 5px;
}
#copyright {
  text-align: center;
}
img:hover {
    opacity: 1.0;
    transition-property: opacity;
    transition-duration: 0.6s;
  }