@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Source+Sans+Pro:200);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:100);

html {
	box-sizing: border-box;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 2rem;
	line-height: 1.2;
}

*,
*:before,
*:after  { /*box-sizing: inherit;*/ }

.page {
	height: 50px;
	top: -27px;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: 10;
}

/*============================
header
============================*/

header {
	height: 50px;
	position: fixed;
	text-align: justify;
	width: 100%;
}

header a {
	/* visibility: hidden; */
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 600;
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	padding: 0.2em;
	font-size: 0.7em;

}

header .navbar-handle {
	visibility: visible;
	display : block;
	position: fixed;
	top: 0.3em;
	right: 0.25em;
	width: 1em;

}
/*
#navbar-checkbox:checked + header {
	height: 200px;
}

#navbar-checkbox:checked + header a {
	visibility: visible;
	margin-top: 5px;
	padding-top: 8px;
} */

h5 {
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center;
	color: rgba(255,255,255,1);
	z-index: 100;
}

#navbar-checkbox:checked + header .navbar-handle,
#navbar-checkbox:checked + header .navbar-handle:after,  #navbar-checkbox:checked + header .navbar-handle:before {
/*    border-color: #90D4C9;
*/}

.navbar-checkbox {
  display: none;
}

/*Dropdown icon*/
.navbar-handle {
  display: none;
  cursor: pointer;
  position: relative;
  font-size: 45px;
  padding: .5em 0;
  border-top: 0.05em solid;
}
.navbar-handle:before,
.navbar-handle:after {
  position: absolute;
  left: 0;
  right: 0;
  content: ' ';
  border-top: 0.05em solid;
}
.navbar-handle:before {
  top: 0.2em;
}
.navbar-handle:after {
  top: 0.45em;
}

header a{
 visibility: visible;
 display: inline-block;
 width: 100%;
 position: relative;
 margin-left: auto;
 margin-right:auto;
 font-size: 0.6em;
}

#headerUnder{
	position: fixed;
	top: 0px;
	width: 100%;
	height: 50px;
	background-color: rgba(255,254,254,0.80);
	z-index:	 79;
}
/*
Page content
*/

/*.page-zero{background-image: url('images/iPhone0.jpg');}
.page-one{background-image: url('images/iPhone1.jpg');}
.page-two{background-image: url('images/iPhone2.jpg');}
.page-three{background-image: url('images/iPhone3.jpg');}
.page-four{background-image: url('images/iPhone4.jpg');}*/
section{
	position: relative;
	top: 0px;
}

h1 {
	color: rgba(23,23,23,1);
	font-family: "Source Sans Pro", cursive;
	font-size: 0.55em;
	text-align: center;
	width: 100%;
	padding-top: 12px;
	
	left: 0px;
}

.bannerImage{
	width: 100%;
	position: relative;
	z-index: 1;
}

.container{
	position: absolute;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.belowBannerBlock{
	position: relative;
	height: 95px;
	top: -55px;
}

.belowBannerColourStrip{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #DDE0CD;
}

#pageThreeTopQuote{
	width: 80%;
	left: 10%
}
h2{
	position: absolute;
	width: 90%;
	left: 5%;
	top: -10px;
	color: #fff;
	font-size: 0.7em;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style: italic;
	text-align: center;
}

#pageTwoH2{
	width: 80%;
	left: 10%;
}

h3 {
	text-align: left;
	font-size: 0.5em;
	width: 80%;
	position: relative;
	top: -50px;
	left: 10%;
}
#h3title {
	font-size: 0.7em;
}

#bottomBlock{
	height: 120px;
}
#bottomBlock2Lines{

}
#bottomBlock3Lines{
	height: 150px;
}

#bottomH2PageTwo{
	height: 100%;
	width: 90%;
	left: 5%;
}

.footer{
	position: fixed;
	bottom: 0px;
	visibility: visible;
	height: 30px;
	width: 100%;
	background-color: #DDE0CD;
	z-index: 1000;
}

p{
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: -25px;
	height: 30px;
	font-size: 0.4em;
	line-height: 0.5;
	text-align: center;


}


h2 a {
	color: #4a4a4a;
	position: relative;
	width: auto;
	font-family: "Open Sans Condensed", sans-serif;
}



.page-zero h1 {
	font-size: 1em;

}


h4 {
	font-size: 0.5em;
	color: rgba(252,252,252,0.85);
	text-align: left;
	width: 80%;
	position: absolute;
	top: 150px;
	left: 10%;
}

#quotes{
	font-style: italic;
	top: 345px;
}

.socialmediaimage {
	height: 30px;
}

#socialmediaimages{
	line-height: 20px;
	width: 1px;
	display: block;
	position: absolute;
	top: 470px;
	left: calc(50% - 150px);

}
#socialmedianames{
	width: 50px;
	text-align: left;
	font-size: 0.7em;
	display: block;
	position: absolute;
	top: 475px;
	left: 50%;
	line-height: 36px;
}

.SuccessImages{
	width: 50%;
	max-width: 150px;
	align-content: center;
	float: left;
	margin-right: 10px

}

.page-two h2 {
	width: 100%;
	left: 0%;
	font-size: 0.8em;
}


@media (max-width: 321px){
	/*iPhone5*/
/*
	.belowBannerBlock{
		height: 80px
	}
	h2{
		font-size: 0.7em;
	}
	h1 {
		font-size: 0.45em;
		position: relative;
		top: 5px;
	} */

}


@media (min-width: 700px){


}

@media (min-width: 767px){

	/*iPad portrait*/

	/* .belowBannerBlock{
		height: 60px;
	}

	#bottomBlock{
		height: 70px;
	}
	#bottomBlockPageTwo{
		height: 100px;
	} */

}

@media (min-width: 1024px){

	.page-zero h1 {
		font-size: 1.5em;

	}
	 /* header a{
		visibility: visible;
		display: inline-block;
		width: 22%;
		position: relative;
		margin-left: auto;
		margin-right:auto;
		font-size: 0.6em;
	}

	header .navbar-handle {
		visibility: hidden;
	}

	header {
		width: 50%;
		left: 50%;
	}
	#headerUnder{
		visibility: hidden;
	}
	.page{
		top: -15px
	} */
	/*iPad landscape*/
	/* .container{
		visibility: visible;
		position: fixed;
		top: 0px;
		height: 100%;
		width: 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#homeContainer{
		background-image: url('images/new.png');
	}
	#aboutMeContainer{
		background-image: url('images/nellaboutmelaptop.jpg');
	}
	#opportunityContainer{
		background-image: url('images/nellopportunity.jpg');
	}
	#successContainer{
		background-image: url('images/BW/2016image3laptop.jpg');
	}
	#contactContainer{
		background-image: url('images/nellcontactlaptop.jpg');
	}
	.textContainer {
		position: relative;
		width: 50%;
		left: 50%;
		margin-top: 30px;
	}
	section{
		position: relative;
		top: 0px;
	} */
/*
	.bannerImage{
		visibility: hidden;
		height: 0px;
	}
*/
	/* .belowBannerBlock{
		width: 50%;
		left: 50%;
		height: 90px	;
		top: -87px
	}
	h1{
		position: relative;
		width: 50%;
		left: 50%;
	}

	h3{
		width: 40%;
		left: 55%;
	}

	.centreH3{
		width: 80%;
		left: 10%;
	}

	#bottomBlock{
		height: 120px
	}
	#bottomBlockPageTwo{
		height: 120px;
	}
	#bottomH2PageTwo{
		width: 60%;
		left: 20%;
	}

	.footer {
		width: 50%;
		left: 50%;
	} */

}

@media (min-width: 1080px){


}