@charset "utf-8";

/* GENERAL SETTINGS */
		* {
		 box-sizing: border-box;
		} /* #footerposition */
		*:before,
		*:after {
		 box-sizing: border-box;
		} /* #footerposition */

		html {
			
			margin: auto;
			box-sizing: border-box;
			height: 100%; /* #footerposition */
			position: relative; /* #footerposition */
		}
	/* HTML Screen size adjustment */
		
				@media screen and (max-width:1366px) {
					html {
						max-width: 95%;
						margin: auto;
					}
				}
					
				@media screen and (max-width:720x) {
					html {
						max-width: 98%;
						margin: auto;
					}
				}
				
		article { /* #footerposition */
			 min-height: 100vh; /* will cover the 100% of viewport */ /* #footerposition */
			 overflow: hidden; /* #footerposition */
			 display: block; /* #footerposition */
			 position: relative; /* #footerposition */
			 padding-bottom: 148px; /* height of the footer */ /* #footerposition */
		}
		body {
			max-width: 85%;
			margin: auto;
			font-family: Calibri, Geneva, Verdana, sans serif; 
			text-align: center;
			color: #333;
			font-size: 15px;
			letter-spacing: 1px;
			line-height: 1.3;
		}
		
		body h1 {
			font-size: 1.8em;
		}
		
		body h2 {
			font-size: 1.5em;
		}
		
		#logo {
			height: 5em;
			margin: 0.8em;
			margin-top: 3em;
		}
		
		#glassWorld {
			max-height:25em;
			max-width: 50%;
			margin-top: 3em;
			margin-bottom: 1em;
		}
		
		h1, h2, h3, h4, h5 {
			color: #052b72;
			padding: 0.8em 0em;
		}
		
		#indexHeading {
			padding-top:0;
			margin-top: 0;
		}
	
		.primary h1, h2, h3, h4, h5, p {
			max-width: 75%;
			margin: auto;
		}
		
		#centreBlock {
			max-width: 65%;
			margin: auto;
		}

/* LINKS STYLING */
		.thickerLinks a {
			font-weight: 600;
		}
		
		a {
			text-decoration: none;
			color: #1c4599;
			}

		a:hover {
			font-weight: 700;
			}

		a:visited {
			font-style: italic;
			color: #444;
			}
			
/* FOOTER */
				/* GUIDE TO FOOTER'S PLACEMENT: https://medium.com/@zerox/keep-that-damn-footer-at-the-bottom-c7a921cb9551 */

		#social {
			font-size: 2em;
			color: #333;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
		
		footer {
			position: absolute; /* #footerposition */
			bottom: 0; /* #footerposition */
			width: 100%; /* #footerposition */
			color: #777;
			font-size: 0.8em;
			margin-bottom: 0.5em;
		}

		#social a :hover {/*
			opacity:0.60;*/
			font-weight: 600;
			}