html {
	height: 100%;
}

@font-face {
  font-family: just_square;
  src: url(../fonts/js.ttf);
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logo-pos {
	    position: relative;
    left: 50%;
    margin-top: 30px;
    z-index: 9999;
    margin-left: -150px;
}

.carousel-indicators {
	position: relative;
	margin-top: 45px;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 223px;
    height: 130px;
    margin-right: 15px;
    margin-left: 15px;
    text-indent: 0px;
    cursor: default;
	background: rgb(255,255,255);
	background: linear-gradient(173deg, rgba(255,255,255,0) 15%, rgba(255,255,255,1) 85%);
    background-clip: padding-box;
    border-top: 0;
    border-bottom: 0;
    opacity: .9;
    transition: opacity 0.6s ease;
    padding: 1rem;
	text-align: center;
	border-radius: 3px;	
	font-size: 14px;
	text-transform: uppercase;
	font-family: just_square;
	color: #34495e;
	margin-bottom: 15px;
}

.carousel-indicators .active {
    opacity: 1;
	box-shadow: 0px 0px 24px 0px rgba(255,255,255,.75);
}

.carousel-icon {
	width: 90px;
}

.mainh {
	font-family: Arial;
	text-align: center;
	font-size: 15px;
	margin-top: 15px;
	color: #34495e;
	opacity: 0.75;
}

.mainh2 {
	font-family: Arial;
	text-align: center;
	font-size: 20px;
	color: #34495e;
	font-weight: bold;
	margin: 0 0 25px 0;
}

h6 {
	font-family: Arial;
	font-size: 14px;
	color: #34495e;
	font-weight: bold;
}

.docs-cont {
	background: rgb(255,255,255,.56);
	width: 100%;
	height: 100%;
	margin-top: 25px;
	padding: 25px;
}

p {
	color: #34495e;
}