@charset "UTF-8";
/* CSS Document */

*{
    
    margin: 0;
    padding: 0;
    
    
    
}

body{
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    text-align: center;
    color:darkslategray;
}
    
    body h2{
        font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        font-size: 24vw;
        
    }
    

.wrapper{
 width: 90%;
    margin: 0 auto;
    align-content: left
    
}

.box-area{
  
    
}

header{
    
    width: 100%;
    height: 100px;
    background: #3078EA;
    position: fixed;
    z-index:+1;
}

.logo{
    
    width: 30%;
    float: left;
    text-align: left;
    line-height: 100px;
}

.logo a{
    
    text-decoration: none;
    font-family: poppins;
    letter-spacing: 4px;
    font-size: 1.2vw;
    color:aliceblue;
    font-weight:800;
        
}

nav{
    flex-wrap: wrap;
    line-height: 100px;
    
}

nav a{
    
    text-decoration: none;
    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    letter-spacing: 4px;
    font-size: .8vw;
    padding: 36px 10px;
    color:aliceblue;
    margin: 0 1px;
    font-weight: 700;
    
}

nav a:hover{
    
    background:aliceblue;
    color:darkolivegreen;
}


.banner-area{
    background-image: url(images/mouldandcondensation.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    top: 100px;
    height: 450px;
    width: 100%;
    position: fixed;
    
    
    
}

.banner-area: after{
    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background:#130f40;
    opacity: .7;
    
    
}

.banner-area h2{
    
    padding-top: 8%;
    font-size: 1.5vw;
    color:aliceblue;
}

.content-area{
    
    width: 100%;
    height: 800px;
    position: relative;
    background-color:aliceblue;
    top: 550px;

}
.content-area h2{
    font-size: 1.5vw;
    margin: 0;
    padding-top: 30px;
    letter-spacing: 4px;
}

.content-area p{
    
    padding: 2% 0;
    line-height: 30px;
    text-align: center;
}

div.container {
  text-align: center;
}

ol.myOL {
  display: inline-block;
  text-align: left;
}

ol.myOL {
  display: inline-block;
  text-align: left;
    padding: 30px;
    border: 2px solid blue;  
  
}

.footer {
  position: fixed;
  bottom: 0;
    left:0;
  width: 100%;
    background:#3078EA;
  height: 6rem;
    text-align: center;
    color:ghostwhite;
    line-height:140px;
    letter-spacing: 4px;
    font-size: .8vw;

    
    /* Footer height */
}

br {
  display: block;
  margin-bottom: 1px;
  font-size:1px;
  line-height: 1px;
}