/* Intro */

	#intro {
		background-attachment: fixed;
		background-image:url(../../images/01bg/coletteChestersBarrister-Bg-big-child.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: auto 100%;
		color:#000;	
	}
	
	.subtext { font-size:0.75em;}
	
	.displayHide {visibility:hidden;}
	
	@media screen and (max-width: 980px) {

				#intro{
				background-image:url(../../images/01bg/coletteChestersBarrister-Bg-mid-child.jpg);
				}
			}
	
	@media screen and (max-width: 870px) {

				#intro{
				background-image:url(../../images/01bg/coletteChestersBarrister-Bg-small-child.jpg);
				}

			}
			
@media screen and (max-width: 776px) {

				#intro{
				background:#ccc;
				}

			}			

		

		#intro p {
			font-family:"Times New Roman", Times, serif;
			font-size: 1.35em;
			line-height:1.25em;
			margin:0.8em 0 0.8em 0;
			padding:0;
		}

			@media screen and (max-width: 980px) {

				#intro p br {
					display: none;
				}

			}

			@media screen and (max-width: 736px) {

				#intro p {
					font-size: 1em;
				}

			}

		@media screen and (max-width: 1280px) {

			#intro {
				background-attachment: scroll;
			}
			

		}

/* intro text */

			.introText {width:50%;}
			

@media screen and (max-width: 980px) {

				.introText {width:45%;}

			}
			
@media screen and (max-width: 776px) {

				.introText {width:100%;}
				
				.subtext { font-size:100%;}

			}



/* Wrapper */

	.wrapper {
		position: relative;
	}

		.wrapper > .inner {
			padding: 3em 5em 3em 5em ;
			max-width: 100%;
			width: 75em;
			
		}

			@media screen and (max-width: 1680px) {

				.wrapper > .inner {
					padding:2em 3em 1em 3em;
				}
				

			}

			@media screen and (max-width: 1280px) {

				.wrapper > .inner {
					width: 100%;
					padding:2em 3em 1em 3em;
				}

			}


			@media screen and (max-width: 960px) {

				.wrapper > .inner {
					padding:1em 3em 0.5em 3em;
				}

			}
			
			
			@media screen and (max-width: 736px) {

				.wrapper > .inner {
					padding:1em 3em 0.5em 3em;
				}

			}

		.wrapper.alt {
			background-color: #261c3e;
		}

		.wrapper.style1 {
			background-color: #;
			padding:3em 0 4em 0;
		}

	
		.wrapper.style1-alt {
			background-color: #333333;
			padding:3em 0 4em 0;	
		}
		
		.wrapper.style2 {
			background-color: #ffffff;
			padding:3em 0 4em 0;
			color:#000000;
		}

		.wrapper.style2-alt {
			background-color: #3e4094;
			padding:3em 0 4em 0;
		}

		.wrapper.style3 {
			background:url(../../images/01bg/style3-bg.jpg) repeat;
			color:#000;
			padding:3em 0 4em 0;
		}

		.wrapper.style3-alt {
			background-color: #953d75;
			padding:3em 0 4em 0;
		}

		.wrapper.fullscreen {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			min-height: 100vh;
		}
		
		
		.wrapper.style-footer {
			background-color: #333333;
			border-top:#CCC 0.5em solid;
		}
		
		.wrapper.style-book {
			background-color:#C00;
			padding:1em 0 4em 0;
			margin:0 0 5em 0;	
		}

			body.is-ie .wrapper.fullscreen {
				height: 100vh;
			}

			@media screen and (max-width: 1280px) {

				.wrapper.fullscreen {
					min-height: calc(100vh - 2.5em);
				}

					body.is-ie .wrapper.fullscreen {
						height: calc(100vh - 2.5em);
					}

			}

			@media screen and (max-width: 736px) {

				.wrapper.fullscreen {
					padding: 2em 0;
					min-height: 0;
				}

					body.is-ie .wrapper.fullscreen {
						height: auto;
					}

			}

		.wrapper.fade-up > .inner {
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			-moz-transition: opacity 1s ease, -moz-transform 1s ease;
			-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
			-ms-transition: opacity 1s ease, -ms-transform 1s ease;
			transition: opacity 1s ease, transform 1s ease;
			opacity: 1.0;
		}

		.wrapper.fade-up.inactive > .inner, body.is-loading .wrapper.fade-up > .inner {
			opacity: 0;
			-moz-transform: translateY(1em);
			-webkit-transform: translateY(1em);
			-ms-transform: translateY(1em);
			transform: translateY(1em);
		}

		.wrapper.fade-down > .inner {
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			-moz-transition: opacity 1s ease, -moz-transform 1s ease;
			-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
			-ms-transition: opacity 1s ease, -ms-transform 1s ease;
			transition: opacity 1s ease, transform 1s ease;
			opacity: 1.0;
		}

		.wrapper.fade-down.inactive > .inner, body.is-loading .wrapper.fade-down > .inner {
			opacity: 0;
			-moz-transform: translateY(-1em);
			-webkit-transform: translateY(-1em);
			-ms-transform: translateY(-1em);
			transform: translateY(-1em);
		}

		.wrapper.fade > .inner {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			opacity: 1.0;
		}

		.wrapper.fade.inactive > .inner, body.is-loading .wrapper.fade > .inner {
			opacity: 0;
		}