/*

Grand Illusions Inc. © 2022  

-------------------------
media queries
-------------------------

@media (max-width: 1280px)
@media (max-width: 997px)
@media (max-width: 767px)

-------------------------
colours
-------------------------

yellow: #fff000

===========================
===========================
=========================== 
*/


	/*

	framework
	==========================
	========================== 
	*/

		html {
		  box-sizing: border-box;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
		  -o-box-sizing: border-box;
		  scroll-behavior: smooth;
		}
		*, *:before, *:after {
		  box-sizing: inherit;
		}
		body {
			background-color: #F9F9F9;
			color: #000000;
			font-family: Menlo, Courier;
			font-size: 13px;
			letter-spacing: .5px;
		}
		.white {
			color: #FFFFFF;
		}
		.img-responsive {
			display: inline-block;
			width: 100%;
		}
		a {
			color: #AAAAAA;
			text-decoration: none;
			transition: .3s color;
			-webkit-transition: .3s color;
			-moz-transition: .3s color;
			-ms-transition: .3s color;
			-o-transition: .3s color;
			outline: none;
			border: none;			
		}
		a:hover {
			color: #000000;
			text-decoration: none;
		}
		.container {
			/*background-color: orange;*/
			max-width: 1280px;
			display: block;
			margin: 0 auto;
			padding: 34px 34px 55px 34px;
		}		
		@media (max-width: 997px) {
			.container {
				padding: 34px 8px;
			}	
		}	
		img {
			/*background-color: pink;*/
			padding: 13px;
			font-size: 0;
		}	
		p {
			/*background-color: pink;*/
			margin: 0;
			padding: 21px;
			text-align: justify;
		}	
		h1	{
			/*background-color: white;*/
			font-family: 'Airborne Pilot', Menlo, Arial;
			font-size: 55px;
			font-weight: 300;
			line-height: 55px;
			margin: 0px 0 0 0;
			padding: 21px 21px 21px 21px;
		}
		h2 {
			/*background-color: white;*/
			display:block;
			font-family: 'Airborne Pilot', Menlo, Arial;
			background-color: black;
			color: white;
			font-size: 21px;
			line-height: 34px;
			margin: 13px 13px;
			padding: 0px 8px;
		}
		h3 {
			/*background-color: white;*/
			display:block;
			font-family: Menlo, Arial;
			font-size: 13px;
			font-weight: 200;
			line-height: 34px;
			text-transform: uppercase;
			color: #000000;
			/*text-align: center;*/
			border-bottom: 2px solid #000000;
			margin: 0px 13px;
			padding: 0px 8px;		
		}
		h4 {
			display:block;
			width: max-content;
			background-color: black;
			color: white;
			font-family: 'Embossing Tape 1 (BRK)', Menlo, Arial;
			font-size: 13px;
		  box-shadow: 
		    inset 0 2px 3px rgba(255,255,255,0.3),
		    inset 0 -2px 3px rgba(0,0,0,0.3),
		    0 1px 1px rgba(255,255,255,0.9);
			line-height: 34px;
			margin: 3px 21px;
			padding: 0 21px;
		}
		h5 {
			font-size: 13px;
			margin: 0;
			padding: 0 21px;		
		}			
		.button {
			display: inline-block;
			cursor: pointer;
			width: 100%;
			text-align: center;
			color: #000000;
			background-color: transparent;
			border: 2px solid #AAAAAA;
			font-weight: 100;
			padding: 21px;
			outline: none;
			margin-top: 3px;
			vertical-align: bottom;
			transition: .3s border, .3s color;
			text-transform: uppercase;
		}
		.button:hover {
			border: 2px solid  #000000;
		}		
		.sub-header {
			display: inline-block;
			font-size: 21px;
			font-weight: 400;
		}
		.fade-in {
		  opacity: 1;
		  transition: 1s opacity;		
		}
		.fade-out {
			opacity: 0;
		  transition: none;
		}
		@media (max-width: 767px) {
		  .hidden-xs {
		    display: none !important;
		  }
		}
		@media (min-width: 768px) and (max-width: 997px) {
		  .hidden-sm {
		    display: none !important;
		  }
		}
		@media (min-width: 998px) and (max-width: 1199px) {
		  .hidden-md {
		    display: none !important;
		  }
		}
		@media (min-width: 1200px) {
		  .hidden-lg {
		    display: none !important;
		  }
		}
		.col-100 {
			/*background-color: orange;*/
			display: inline-block;
			width: 100%;
			vertical-align: top;
		}		
		.col-75 {
			/*background-color: orange;*/
			display: inline-block;
			width: 75%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-75 {
				width: 100%;
			}	
		}		
		.col-66 {
			/*background-color: orange;*/
			display: inline-block;
			width: 66.33%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-66 {
				width: 100%;
			}	
		}			
		.col-50 {
			/*background-color: orange;*/
			display: inline-block;
			width: 50%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-50 {
				width: 100%;
			}	
		}		
		.col-40 {
			/*background-color: orange;*/
			display: inline-block;
			width: 40%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-40 {
				width: 100%;
			}	
		}		
		.col-33 {
			/*background-color: orange;*/
			display: inline-block;
			width: 33.33%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-33 {
				width: 100%;
			}	
		}	
		.col-30 {
			/*background-color: orange;*/
			display: inline-block;
			width: 30%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-30 {
				width: 100%;
			}	
		}		
		.col-25 {
			/*background-color: orange;*/
			display: inline-block;
			width: 25%;
			vertical-align: top;
		}		
		@media (max-width: 997px) {
			.col-25 {
				width: 100%;
			}	
		}		
		.col-20 {
			/*background-color: orange;*/
			display: inline-block;
			width: 20%;
			vertical-align: top;
		}
		.bold-text {
			font-family: 'Airborne Pilot', Menlo, Arial;	
		}