/* CSS Document */

* { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

body,
html {
	height: 100%;
	margin: 0px;
	}


/* ........... R O W  ............*/


.Band {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-color: white;
		}
.Band:nth-child(even),
.Band.Alt {
	background-color: #efefef; /* Theme 20% */
	}
.Band.White {
	background-color: white;
	}	
.Band.Theme {
	background-color: #64635e; /* Theme 100% */
	}



/* ........... C O N T E N T   W I D T H  ............*/

.ContentWidth {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 2200px;
	width: auto;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 3em; 
	padding-bottom: 5em;

	}
	@media (min-width: 480px) {
		.ContentWidth {
			padding-top: 4.5em; 
			}
			}
	@media (min-width: 1024px) {
		.ContentWidth {
			padding-top: 6em; 
			}
			}
	
			
			


/* snug */

.Snug .ContentWidth {
		padding-top: 0.001em;
		padding-bottom: 0.001em;
		}
		
.SnugUP .ContentWidth{
		padding-top: 0.001em;
		}

.SnugDOWN .ContentWidth{
		padding-bottom: 0.001em;
		}


.FullScreen {
		height: 100vh;
		}

		
		
	
/* ......... T E X T U R E  A F Y ...............*/
	


.TextureAFY {
	background: radial-gradient(#e0e0df, #b1b1ae); /* Theme 20% - 50% */
	}
	
	
.TextureAFY::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://assets.afy.ca/_skin/textures/texture_afy.svg);
	background-size: 3rem;
	opacity: 0.05;
	background-position: center top;
	}
	}