* {
	margin: 0;
	padding: 0;
}

img {
	width: 100%;
}

.navlink {
    max-width: 12em;
}

li {
	list-style-type: none;
}

#head {
    background-color: white;
    background-image: none;
    background-repeat: no-repeat;
}


/* Site images ==> Splash logo, adverts, body images 'bodimg', etc. */

#logo {
    width: 85%;
    padding-left: 7.5%;
    }

#flyer {
    width: 100%;
    
    }


#cont1 {
    width: 52%;
    float: left;
}

#cont2 {
    width: 28%;
    float: right;
    
}

 /* *********              Navigation          ********** */


#nav {
	display: flex;
    justify-content: space-between;

}

#nav li {
	padding-left: 0.50em;
    
}


#nav2 {
	display: flex;
    justify-content: space-between;

}

#nav2 li {
	padding-left: 0.50em;
    
}

#bod {
    background-color: #333F50;
    padding: 1em;
}


/* *********              cosmetic changes  DIV CONTENT 1          ********** */
/* *********              cosmetic changes  DIV CONTENT 1          ********** */

.content {
    padding: 0.7em;
        
    }

.content a {
    text-decoration: none;
    
}

.content h1 {
    font-size: 2em;
    text-align: center;
    color: black;
    
 }

.content h2 {
    color: red;
}

.content p {
    font-size: 1.5em;
    padding: 1em;    
            }
/* *********              cosmetic changes  DIV CONTENT 2          ********** */

#content2 {
    clear: both;
}


/* *********              cosmetic changes  DOWNLOAD BUTTON          ********** */

#download {
    max-width: 20%;
    padding-left: 40%;
}

/* *********              cosmetic changes  Resource artefacts page          ********** */
/* *********              cosmetic changes  Resource artefacts page          ********** */


.resource {
    max-width: 12em;
    padding-left: 40%;
}


/* *********              cosmetic changes  FOOTER          ********** */
/* *********              cosmetic changes  FOOTER          ********** */


#footer {
    background-color: #00B0F0;
    padding-left: 1em;
    padding-bottom: 2em;
    clear: both;
}

#footer p{
    font-size: 0.75em;
    max-width: 35em;
}


#footlink {
	display: flex;
    justify-content: space-between;
    float: right;

}

#footlink li {
	padding-right: 1em;
    max-width: 5.5em
        
}


#gallery {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content:space-evenly ;
    
}


/* *********              COSMETICS  General          ********** */ 
        
body {
	font-family: "Open Sans";
	max-width: 65em;
	margin: auto;
	padding: 1 em;
}
        
        
/* *********              COSMETICS  Paragraphs, H1 and H2          ********** */   

        p {
            font-size: 1.00em;
            }


        h1 {
           font-size: 2em;
	       text-align: center;
           color: #fcc113;
            
        
           }
        
        h2 {
           font-size: 1.6em;
	       text-align: center;
           color: #fbd603;
           
            
           }  
        

       /* Special Cosmetic changes to divs and elements  */




      /* .header { position: fixed; top: 50; } */