* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}


.clear {
	clear:both;
}

body {
	font:14px Arial, Helvetica, sans-serif;
}


#my-angels {
	font-size:50px;
	text-align:center;
}

#my-angels a {
	color:#000000;
	text-decoration:none;
}



.contact-me {
	color:#ccc;
	margin-bottom:20px;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
}


#angels-menu {
	width:20%;
	position:fixed;
	height:100%;
	background:#BBAC8D;
}


#angels-menu ul {
	width:100%;
	float:left;
}

#angels-menu ul ul {
	position:absolute;
	width:250px;
	left:-99999px;
	opacity:0;
	z-index:999;
	background:#BBAC8D;
	transition:opacity ease .5s;
}

#angels-menu ul li:hover ul {
	opacity:1;
	left:100%;
}

#angels-menu ul ul a {
	background:none;
}


#angels-menu li {
	float:left;
	width:100%;
	list-style:none;
}



#angels-menu li a {
	font-size:14px;
	text-transform:uppercase;
	float:left;
	padding-left:50px;
	width:100%;
	background:#333977;
	line-height:50px;
	border-bottom:1px solid #000;
	text-decoration:none;
	color:#fff;
}

#angels-menu li a.border {
	border-bottom:none;
}


#angels-menu li a:hover,
#angels-menu li a.active {
	color:#000;
}


#angels-menu p {
	position:absolute;
	bottom:20px;
	font-size:12px;
	color:#ccc;
	width:100%;
	text-align:center;
}



#angels-banner {
	width:100%;
	float:right;
}


#right-gallery {
	position:absolute;
	right:0;
	background:#000;
	width:20%
}

#right-gallery div {
	background:#fff;
	text-align:center;
	margin:-50px 10px;
	position:absolute;
	opacity:0;
	transition:all ease .5s;
}
#right-gallery li:hover div {
	margin:10px;
	opacity:1;
}

#right-gallery div span {
	background:#333977;
	padding:0 5px;
}

#right-gallery a div span {
	color:#fff;
}

#right-gallery li a {
	color:#333977;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}


#right-gallery:hover img {
	opacity:.25;
}


#right-gallery li {
	list-style:none;
	width:100%;
	float:left;
}

#right-gallery img {
	width:100%;
	margin-bottom:-3px;
	transition:all ease .5s;
}

#right-gallery li:hover img {
	opacity:1;
}


#centre-content {
	float:left;
	width:60%;
	margin-left:20%;
}


#centre-content p {
	padding:10px 50px;
	color:#BBAC8D;
	font-size:16px;
	line-height:24px;
	text-align:justify;
}


#centre-content h1 {
	font-size:32px;
	color:#333977;
	float:left;
	width:100%;
	padding:25px 0 0 50px;
}

#centre-content h2, #centre-content h3, #centre-content h4, #centre-content h5, #centre-content h6 {
	padding:5px 0 0 50px;
	font-size:24px;
	color:#333977;
	float:left;
}

#centre-content a {
	color:#333977;
}




#centre-content > ul li {
	font-size:16px;
	list-style:inside;
	margin:17px;
}



#gallery {
	width:100%;
	float:left;
	margin-bottom:50px;
}

#gallery h1 {
	color:#00bac6;
}

#gallery ul li {
	list-style:none;
	float:left;
	padding:10px;
	margin:2%;
	border:1px solid #00bac6;
	width:21%;
	transition:all ease .5s;
}

#gallery ul li img {
	width:100%;
	border-radius:5%;
}

#gallery ul li:hover {
	border:1px solid #aab396;
}




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


#my-angels {
	font:50px bistecca;
	text-align:center;
	text-shadow:2px 2px #000;
	letter-spacing:1px;
}

#my-angels a {
	color:#000000;
	text-decoration:none;
}



.contact-me {
	color:#ccc;
	margin-bottom:20px;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
}


#angels-menu {
	width:100%;
	float:left;
	position:static;
	height:auto;
}


#angels-menu ul li:hover ul {
	display:none;
}

#angels-menu p {
	display:none;
}


#right-gallery {
	position:static;
	float:left;
	right:0;
	width:100%
}


#right-gallery li {
	width:50%;
}


#centre-content {
	width:100%;
	margin-left:0;
}


#centre-content p {
	padding:10px;
}


#centre-content h1 {
	padding:10px;
}

}