body, html {
    height: 100%;
    margin:0px;
    background-color:#FFFFFF;
 }




@font-face {
    font-family: 'morsalregular';
    src: url('morsal-webfont.woff2') format('woff2'),
         url('morsal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a:link, a:hover, a:visited {
  color:#e25f5f;
  text-decoration: none;
}



/* NAV */ 

 



 .icon-style {
   
  vertical-align: top;
 }
  



 /*  Navigation Style*/


.main {
  background-color:#FFFFFF;
  width:90%;
  margin:0 auto;
  font-size: 0px;
    text-align: center;
}



 .show {


 }
 

 * {
  margin:0px;
  padding:0px;
 }


 /* Menu Links Style LOOKS */

.main a, .main a:hover, .main a:visited {
   display: inline-block;
   font-size: 13px; 
font-weight:normal;
border:none;
   font-family: 'Open Sans', sans-serif;
border: none;
color: #000000;
padding:30px;
 margin: 0;
 letter-spacing: 2px;
 text-decoration: none;
 text-transform: uppercase;
    vertical-align: middle;
    cursor:pointer;
}

 /* Dropdown title style LOOKS */


 .title-dropdown{
     font-family: 'Open Sans', sans-serif;
font-weight:normal;
border:none;
 letter-spacing: 2px;
 text-transform: uppercase;
 text-decoration: none;
     cursor:pointer;
  display: inline-block;
  font-size: 13px;  
 color: #000000;
padding:30px;
margin: 0;
    vertical-align: middle;
}

 /*   Drop down  items LOOKS    */

.drop-links a, .dropdown a:hover, .dropdown a:visited {
  background-color: #FFFFFF;
  display: block;
   text-align: center;
 padding: 30px;
 margin:0px;
 color:#000000;
     cursor:pointer;

     }




 /* dropdown contain */

.dropdown {
  vertical-align: top;
  display: inline-block;
} 


 /* Hides the dropdown links */
 .drop-links {
  display: none;
 }

/* Show the dropdown content when hover over dropdown contain */
 
.dropdown:hover .drop-links {
    position: absolute;
    z-index: 999;
  display:  block;
}

 /*   Hide the menu icon button */

.menu {
display:none;
}











/* FOOTER */

.size {
  max-width: 1280px;
  width:94%;
  margin:0 auto;
 }
.footer {
  overflow: hidden;
  margin-top:200px;
  clear: both;
  text-align: center;
  background-color: #494949;
  width:100%;
  padding-bottom:40px;
    padding-top:40px;

  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.41);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.41);
}


.link a:link,  .link a:visited   {
 font-family: 'Quicksand', sans-serif;
   color:#9d9d9d;
    font-weight: normal;
  font-size:18px;
  letter-spacing: 2px;
    line-height: 40px;
   display: block;
   text-decoration: none;
       font-weight: center;


}



.link a:hover {
   color:#9d9d9d;

text-decoration: underline;

}


h3 {
   font-family: 'Quicksand', sans-serif;
   color:#d8d8d8;
  letter-spacing: 2px;
    font-weight: center;
  font-size:19px;
  text-transform: uppercase;
  line-height: 40px;
}

.link {
  max-width:220px;
  margin:10px 6%;
    display: inline-block;
   vertical-align: top;
   
  }







/* CONTENT */


.icon {
  filter: opacity(0.64);
-webkit-filter: opacity(0.64);
max-width:190px;
height:auto;
float:left;
margin-right:20px;
margin-bottom:10px;


}


h2 {
  font-family: 'Quicksand', sans-serif;
   color:#444444;
  letter-spacing: 0px;
    text-align: left;
   font-weight: normal;
  font-size:37px;
margin-top:0px;

padding-bottom: 15px;
text-transform: uppercase;

}

.post {
  padding-bottom:50px  ;
  padding-top:50px  ;

  border-bottom:solid 1px #e4e4e4;
 } 

.postby {
padding-top:20px;
 

}

.postby p {

  line-height: 30px;

}


p {
  font-family: 'Quicksand', sans-serif;
   color:#6c6c6c;
  letter-spacing: 2px;
    text-align: justify;
   font-weight: normal;
  font-size:18px;
  line-height: 40px;

}



.row2 {
margin:0 auto;
  max-width:1100px;
  width:90%;
  padding-top:30px;
   

   overflow: hidden;
 
}
 

 .content {
 float:left; 
width:64%;
  vertical-align: middle;
 
    }


 .navib {
  width:24%;
background-color:#e7e7e7;
float: right;
padding:40px 10px;
border-top:solid 3px #c1bfbf;


 }

.navib a, .navib a:hover, .navib a:visited{
  text-align: center;
  display: block;
  margin:70px 10px;
  text-decoration: none;
  font-size:15px;
  color:#525252;
  letter-spacing: 2px;
  text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;

}

.welcome {
  font-size:20px;
text-align: center;
letter-spacing: 3px;
 color:#545454;
  font-family: 'Quicksand', sans-serif;
    margin-bottom:0px;
 position:relative;
 z-index: 5;
 margin-top:-20px;
  padding:0px;

}


h1 {
  position: relative;
  color:#282828;
  letter-spacing: 0px;
 font-family: 'morsalregular';
   text-align: center;
   font-weight: normal;
  font-size:56px;
  margin:0px;
  padding:0px;
}

h1 span {
  background: #FFFFFF;
  padding: 0 14%;
   position: relative;
  z-index: 1;
}

h1:before {
   content: "";
  display: block;
 background-image: url("images/dash.png");
height:1px;
width:21px;   position: absolute;
    top: 50%;
  width: 100%;
}

h1:before {
  left: 0;
}

.row1 {
background-color:#FFFFFF;
position:relative;
z-index:99;-webkit-box-shadow: 0px -32px 42px 13px rgba(255,255,255,1);
-moz-box-shadow: 0px -32px 42px 13px rgba(255,255,255,1);
box-shadow: 0px -32px 42px 13px rgba(255,255,255,1); 
  margin-top:-30px;

  padding-bottom: 100px;
}


/* HEADER */


.message-top {
  color:#d3d0d0;
  font-family: 'Open Sans', sans-serif;
font-weight:normal;
font-size: 10px; 
  background-color:#444444;
  padding:9px;
  border-bottom:dashed 1px #bbbbbb;
  text-align: center;
  letter-spacing: 8px;
  text-transform: uppercase;
}

 .image {
     background-image: url("images/header.jpg");

     height: 100%;
    border-top:dashed 1px #e3e3e3;
     background-position: center;
     margin:0px;
     padding:0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

 .title {
  margin-top:-30px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     -webkit-box-shadow: 10px 10px 0px -4px rgba(123,100,100,1);
-moz-box-shadow: 10px 10px 0px -4px rgba(123,100,100,1);
box-shadow: 10px 10px 0px -4px rgba(123,100,100,1);

 }

.red {
  color:#f12828;
}

.logo {
  padding-top:0px;
  padding-left:10px;
    padding-right:10px;

  text-align: center;
  color:black;
  font-size:63px;
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; 
  background-color:white;
  text-transform: uppercase;
      word-break: break-all;

 }

.small {
    padding-bottom:5px;
 padding-left:10px;
    padding-right:10px;
  text-align: center;
letter-spacing: 4px;
margin-top:-10px;
display:block;
  color:#858585;
  font-size:21px;
    word-break: break-all;

  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; 
  background-color:white;
}



 













/* MEDIA QUERIES  */
 

@media screen and (max-width: 900px) {


.image {
background-image: url("images/headermobile.jpg");
 height: 100%;
 border-top:dashed 1px #e3e3e3;
 background-position: center;
     margin:0px;
     padding:0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}



  
.logo , .row1{
  display: none;
}


.link {
  float:none;
width:90%;
margin:0 auto;
display: block;
margin-top:50px;
}

  .link a:link, .navib {
  float:none;
width:90%;
margin:0 auto;
display: block;
}  

  
 .content {
  float:none;
width:90%;
margin:0 auto;
display: block;
padding-bottom: 140px;
 }

h1 { font-size:30px; }

.welcome { margin-top:-10px; }




/* Mobile Nav   */








   /* Change background colour of the dropdown anchor links */

.drop-links a, .drop-links a:hover, .drop-links a:visited {
  background-color:  #e5e5e5  ;
}
      
/* Remove absolute positioning of dropdown */

     .dropdown:hover .drop-links, .drop-links {
        width:100%;
display: block;
 position: static;
}

 /* Disply links under eachother and change width */

 .title-dropdown , .dropdown, .main a, .main a:hover, .main a:visited  {
max-width:100%;
margin:0 auto;
 display: block;
 }
     


 /* Display the hamburger menu  */

      .menu {
        cursor:pointer;
background-color: #FFFFFF;
display:inline-block;
height: 90px;
margin:0px;
padding:0px 20px;
line-height: 90px;  /* Same as height */

         
       }


/* Style the icon look */
.icon-menu {
  
    font-family: 'Open Sans', sans-serif;
font-weight:normal;
border:none;
 letter-spacing: 2px;
 text-transform: uppercase;
 text-decoration: none;
  
  font-size: 17px;  
 color: #000000;
margin: 0;
   }

/* Hides the main menu*/
.main {
     display:none;
     }


 /* Added class to toggle */

     .show {
      padding-bottom:30px;
       display:block;
      margin-left:auto;
      margin-right: auto;
            background-color: #FFFFFF;
      
      }












 
}