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

* {box-sizing: border-box;} 
/*
* {box-sizing: content-box;} 
*/

html{margin:0; padding:0;}

body{margin:0; padding:0; color:#222222; font-family:'Montserrat-Regular', sans-serif; background:#eee url("yeye2.jpg") no-repeat fixed center center; background-size:cover; font-size:18px;}

body a {color:#35b727; text-decoration:none}
body a:hover {color:#94481a; text-decoration:underline}



#centred {
	color: white;
	font-size: 75px;
	font-family:'Montserrat-ExtraBold', sans-serif;
	
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
#centred:hover {letter-spacing: -2px; line-height: 110%; color:#5B3D0B;}



.shadow1 {text-shadow: 2px 2px 4px #000, 0px 0px 12px #111;}
.shadow2 {text-shadow: 2px 2px 4px #000, 0px 0px 12px #111, 0px 0px 48px #000, 0px 0px 20px #000, 0px 0px 10px #000, 0px 0px 5px #000;}
.shadow3 {text-shadow: 2px 2px 4px #000, 0px 0px 12px #111, 0px 0px 48px #000, 0px 0px 20px #000, 0px 0px 10px #000;}
.shadow3:hover {text-shadow:none;}
.theoverlay {width:100%; height:100vh; background-color:rgba(0,0,0,0.5); padding: 65px 25px;}



.ddd { box-shadow: none; background-color: transparent; padding: 35px 50px;
	transition: box-shadow 3s ease-out, background-color 1s linear; }
.ddd:hover { background-color:#fff; 
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }



/*
COLOURS
92F1C3
1e7415
35b727

94481a
*/


/*FOR HEADINGS AND TYPOGRAPHY*/

.headingstyled {font-family:"Montserrat-SemiBold", sans-serif;}
/* Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Black */

.headingstyled2 {font-family:"Oswald-SemiBold", sans-serif;}
/* ExtraLight, Light, Regular, Medium, SemiBold, Bold */

.headingstyled3 {font-family:"SofadiOne-Regular", sans-serif;}

.headingstyled4 {font-family:"NanumMyeongjo-Regular", serif;}
/* Regular, Bold, ExtraBold */

.headingstyled5 {font-family:"Marcellus-Regular", serif;}

.headingstyled6 {font-family:"MonikaItalic", sans-serif;}

.headingstyled7 {font-family:"DancingScript-Regular", sans-serif;}
/* Regular, Medium, SemiBold, Bold */

.headingstyled8 {font-family:"Caveat-Regular", sans-serif;}
/* Regular, Medium, SemiBold, Bold */

.headingstyled9 {font-family:"NerkoOne-Regular", sans-serif;}

.headingstyled10 {font-family:"PlaywriteCU-Regular", sans-serif;}
/* Thin, ExtraLight, Light, Regular */

/*FOR HEADINGS AND TYPOGRAPHY, The End*/














@media screen and (max-width: 900px) and (min-width: 601px){
.headingspecial2 {font-size:24px;}
}

/**********IF ABOVE 601. NOTE IT IS MIN-WIDTH**********/
@media screen and (min-width: 601px) {
  .w3-row.w3-equal {
    display: flex;
	  display: -webkit-flex;
    flex-wrap: wrap;
  }
}



/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


	



@media print {
	#title, #social, #dsocial, .dtopmenu {
		display:none;
	}

	
/*	
  h1, h2, h3 {
    page-break-after: avoid;
  }

This code snippet does 3 things:
1. it forces a page-break before all h2 headings (perhaps h2 tags in your document are chapter titles that deserve a fresh page)
2. it prevents page-breaks right after sub-headings because that looks odd
3. it prevents page-breaks inside pre tags and block-level quotes
*/
	
.pagebreak {
    page-break-before: always;
	break-before: always;
}
.keeptogether {
    page-break-inside:avoid;
	break-inside: avoid;
}

}