#maintenance {
	background-size: cover;
	background-position: center;
	margin-top:-70px;
	padding-top:6pc;
	padding-bottom:12pc;
	background-color:#ffffff38 !important;
}

#maintenance .title {
	text-transform:uppercase;
	font-size: 4em;
    margin: 150px 0 0;
	width: 100%;
    letter-spacing: 4px;
    color: black;
    font-weight: 900;
    text-align: center;
}

#maintenance .subtitle {
	font-size: 2em;
    width: 100%;
    color: black;
    text-align: center;
}


.overlay {

	background: url(../img/overlay.png);

	opacity: .4;

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	min-width: 100%;

	min-height: 100%;

}



.title-pages {

	height: 6pc;

	background-color: #337ab7;

}



.title-pages-author {

	height: 3pc;

	background-color: #222629;

}



.section-heading-pages {

	font-family: 'Concert One', sans-serif;

	padding: 25px;

	color: white;

}



.section-heading-author {

	font-family: 'Concert One', sans-serif;

	color: white;

}



.head-pages{

	width:100%;

	height:100px;

	margin-top: -30px;

}



::-webkit-scrollbar {

	width: 5px;

}



::-webkit-scrollbar-track {

	box-shadow: inset 0 0 5px grey;

}



::-webkit-scrollbar-thumb {

	background: #337ab7;

}



::-webkit-scrollbar-thumb:hover {

	background: #337ab7c4;

}



#slider {

	position: relative;

	width: 100%;

	height: 750px;

	background-color: black;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	margin: -50px 0;

}



#slider .title {

	padding-top: 9%;

	position: relative;

	left: 0 !important;

	text-align: center;

}



#slider .title h6 {

	display: inline-block;

	color: white;

	font-size: 80px;

	font-family: fantasy;

	text-align: center;

}



#slider .title img {

	max-width: 600px;

	display: block;

	margin: auto;

	width: 16%;

}



.pulse:hover {

	animation-name: stretch;

	animation-duration: 2s;

	animation-delay: 0;

	animation-direction: alternate;

	animation-iteration-count: infinite;

	animation-fill-mode: none;

	animation-play-state: running;

	cursor: pointer;

}



@keyframes stretch {

	0% {

		transform: scale(1);

	}

	

	50% {



	}

	

	100% {

		transform: scale(0.8);

	}

}



#slider .title h6:hover {

	color: #337ab7;

	cursor: pointer;

}



#slider .connections {

	background: #86868600;

	position: inherit;

	margin-top: 50px;

	font-size: 1.5em;

	text-align: center;

	color: white;

}



#slider .connections > i {

	font-size: 2em;

}



@media (max-width: 992px) {

	#slider .title {

		left: 210px;

	}



	#slider .title img {

		width: 40%;

	}



}

@media (max-width: 520px) {

	#slider .title {

    padding-top: 22%;

     }



	}

#particles-js {

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .3);

}