html { overflow: hidden; }
body {
	height: 100vh;
	background-color: #966cde; /*top color*/
	background-image: -webkit-linear-gradient(top, #966cde, #c22f79);
	background-image: -moz-linear-gradient(top, #966cde, #c22f79);
	background-image: -o-linear-gradient(top, #966cde, #c22f79);
	background-image: linear-gradient(to bottom,  #ffc0cb, #c22f79);
	color: #fff;	
}
/***** P A G E  H E A D E R *****/
.page-header {
	position: relative;
	text-align: center;
	margin: 0 0 20px;
	padding-bottom: 0;
	border-bottom: none;
}
.page-header h1 {
	position: relative;
	display: inline-block;
	font-family: 'Droid Serif', serif;
	color: #fff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.7);
	margin-top: 10px;
}
.page-header h1:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
	height: 2px;
	width: 120%;
	content: "";
	display: inline-block;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	margin-left: -10%;
	margin-right: -10%;
}
@media only screen and (max-width : 767px) {
	.page-header h1:after {
		width: 100%;
		left: 10%;
	}
	.headerBox .logo {
		float: none;
		display: block;
		width: 254px;
		height: 50px;
		margin: 0 auto;
	}
}
hr {
	width: 100%;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	margin: 15px 0;
}
footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 50%;
	overflow: hidden;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
footer p {
	text-align: center;
}
/* Prevent IOS from asking you to copy/save/select the image. */
.gallery-item {
	-webkit-user-select: none;
	-webkit-touch-callout: none;        
}
.gallery, .gallery *, .gallery *:before, .gallery *:after {
	box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	padding: 0;
	right: 50%;
	bottom: 50%;
	width: inherit;
	height: inherit;
}
.gallery {
	margin: -37.5vmin;
	border: solid .25em;
	width: 75vmin;
	height: 75vmin;
	border-radius: 50%;
	-webkit-animation: rotate 95s linear infinite;
	animation: rotate 95s linear infinite;
}
.gallery-item { border: solid .125em; }
.gallery-item:nth-child(1) { 
	-webkit-transform: rotate(0deg) skew(57.27273deg); 
	transform: rotate(0deg) skew(57.27273deg); 
}
.gallery-item:nth-child(1):hover ~ .gallery-item:last-child, .gallery-item:nth-child(1) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(1):before {
	background-image: url(../images/norah/norah01.jpg);
}
.gallery-item:nth-child(2) { 
	-webkit-transform: rotate(32.72727deg) skew(57.27273deg); 
	transform: rotate(32.72727deg) skew(57.27273deg); 
}
.gallery-item:nth-child(2):hover ~ .gallery-item:last-child, .gallery-item:nth-child(2) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(2):before {
	background-image: url(../images/norah/norah02.jpg);
}
.gallery-item:nth-child(3) { 
	-webkit-transform: rotate(65.45455deg) skew(57.27273deg); 
	transform: rotate(65.45455deg) skew(57.27273deg); 
}
.gallery-item:nth-child(3):hover ~ .gallery-item:last-child, .gallery-item:nth-child(3) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(3):before {
	background-image: url(../images/norah/norah03.jpg);
}
.gallery-item:nth-child(4) { 
	-webkit-transform: rotate(98.18182deg) skew(57.27273deg); 
	transform: rotate(98.18182deg) skew(57.27273deg); 
}
.gallery-item:nth-child(4):hover ~ .gallery-item:last-child, .gallery-item:nth-child(4) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(4):before {
	background-image: url(../images/norah/norah04.jpg);
}
.gallery-item:nth-child(5) { 
	-webkit-transform: rotate(130.90909deg) skew(57.27273deg); 
	transform: rotate(130.90909deg) skew(57.27273deg); 
}
.gallery-item:nth-child(5):hover ~ .gallery-item:last-child, .gallery-item:nth-child(5) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(5):before {
	background-image: url(../images/norah/norah05.jpg);
}
.gallery-item:nth-child(6) { 
	-webkit-transform: rotate(163.63636deg) skew(57.27273deg); 
	transform: rotate(163.63636deg) skew(57.27273deg); 
}
.gallery-item:nth-child(6):hover ~ .gallery-item:last-child, .gallery-item:nth-child(6) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(6):before {
	background-image: url(../images/norah/norah06.jpg);
}
.gallery-item:nth-child(7) { 
	-webkit-transform: rotate(196.36364deg) skew(57.27273deg); 
	transform: rotate(196.36364deg) skew(57.27273deg); 
}
.gallery-item:nth-child(7):hover ~ .gallery-item:last-child, .gallery-item:nth-child(7) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(7):before {
	background-image: url(../images/norah/norah07.jpg);
}
.gallery-item:nth-child(8) { 
	-webkit-transform: rotate(229.09091deg) skew(57.27273deg); 
	transform: rotate(229.09091deg) skew(57.27273deg); 
}
.gallery-item:nth-child(8):hover ~ .gallery-item:last-child, .gallery-item:nth-child(8) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(8):before {
	background-image: url(../images/norah/norah08.jpg);
}
.gallery-item:nth-child(9) { 
	-webkit-transform: rotate(261.81818deg) skew(57.27273deg); 
	transform: rotate(261.81818deg) skew(57.27273deg); 
}
.gallery-item:nth-child(9):hover ~ .gallery-item:last-child, .gallery-item:nth-child(9) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(9):before {
	background-image: url(../images/norah/norah09.jpg);
}
.gallery-item:nth-child(10) { 
	-webkit-transform: rotate(294.54545deg) skew(57.27273deg); 
	transform: rotate(294.54545deg) skew(57.27273deg); 
}
.gallery-item:nth-child(10):hover ~ .gallery-item:last-child, .gallery-item:nth-child(10) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(10):before {
	background-image: url(../images/norah/norah10.jpg);
}
.gallery-item:nth-child(11) { 
	-webkit-transform: rotate(327.27273deg) skew(57.27273deg); 
	transform: rotate(327.27273deg) skew(57.27273deg); 
}
.gallery-item:nth-child(11):hover ~ .gallery-item:last-child, .gallery-item:nth-child(11) .hover_effect ~ .gallery-item:last-child, .gallery-item:nth-child(11):before {
	background-image: url(../images/norah/norah11.jpg);
}
.gallery-item:not(:last-child) { 
	-webkit-transform-origin: 100% 100%; 
	transform-origin: 100% 100%; 
}
.gallery-item:not(:last-child):before {
	background-position: 50% -10%;
	background-size: 50% 50%;
	content: '';
	margin: -75vmin;
	-webkit-transform: skew(-57.27273deg) rotate(-73.63636deg);
	transform: skew(-57.27273deg) rotate(-73.63636deg);
}
.gallery-item:last-child {
	margin: -15vmin;
	border: solid .25em;
	width: 30vmin;
	height: 30vmin;
	border-radius: 50%;
	background: url(../images/norah/norah11.jpg) 50% 50%;
	background-size: cover;
	-webkit-animation: inherit;
	-webkit-animation-direction: reverse;
	animation: inherit;
	animation-direction: reverse;
}
@-webkit-keyframes rotate {  
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {  
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@media only screen and (max-width: 767px) {
	h1, .h1 { font-size: 26px; }
	.gallery {
		margin: -40vmin;
		width: 80vmin;
		height: 80vmin;
	}
	.gallery-item:not(:last-child):before { margin: -80vmin; }
	.gallery-item:last-child {
		margin: -16vmin;
		width: 32vmin;
		height: 32vmin;
	}
}
@media only screen and (max-width: 480px) {
	h1, .h1 { font-size: 24px; }
	footer p { text-size: 12px; )
	.gallery {
		margin: -45vmin;
		width: 90vmin;
		height: 90vmin;
	}
	.gallery-item:not(:last-child):before { margin: -90vmin; }
	.gallery-item:last-child {
		margin: -18vmin;
		width: 36vmin;
		height: 36vmin;
	}
}