body, html {
	//height: 100% !important;
	//min-height: 100%;
	font-family: $font-main;
	font-size: 1em;
    font-weight: 400;
}

section.overview
{
	height: 100%;
	z-index: -100;
	header,article,footer {
		position: relative;
		z-index: 10;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		min-height: 320px;
		max-height: 700px;

		text-align: center;

		section.trip-info {
			position: absolute;
			top: 45%;
			width: 100%;
			z-index: 1;
			h2 {
				position: relative;
			}
			a, a:visited, a:hover {
				color: $font-main-color;
				font-family: $font-main;
				font-size: 1em;
			    font-weight: 600;
			    text-transform: uppercase;
			    letter-spacing: 2px;
			    text-decoration: none;

				display: inline-block;
				cursor: pointer;
				margin: 0;			
			    padding: 0.425em 0.625em;
				border-radius: 9px;
				border: 3px solid $font-main-color;
				z-index: 50;
			}
			a:hover {
				
			}
		}

		h2 {
			position: absolute;
			bottom: 50%;
			left: 0;
			width: 100%;
			@include main-header-segment();
			color: $font-main-color;
		}

		div.transport-container {
			width: 100%;
			opacity: 1;
			z-index: 0;
			img {
				margin: 0 auto;
				width: 45px;
				height: 45px;
				display: block;
				border-radius: 50%;
				opacity: 1.85;
			}
		}
		div.author-container {
			width: 100%;
			opacity: 1;
			display: block;
			text-align: center;
			a {
				margin: 0 auto;
			}
			img {
				padding: 3px;
				border-radius: 50%;
				border: 3px solid $font-main-color;
				opacity: 1;
				z-index: 1;
			}
			img.top {
				width: 90px;
				height: 90px;
				@media (max-width: 400px) {
					width: 60px;
					height: 60px;
				}
			}
			img.bottom {
				width: 180px;
				height: 180px;
			}
			p {
				margin: 20px auto;
				padding: 0 10px;
				min-width: 300px;
				max-width: 480px;
				font-size: 1.125em;
				font-weight: 300;
				//letter-spacing: 1px;
				line-height: 1.72222222222em;
				text-align: justify;
				a, a:visited {
					text-decoration: none;
					color: $font-author-color;
				}
				a:hover {
					text-decoration: underline;
				}
			}
		}

	}
}

span.about-picto {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: 60px;
	font-size: 6em;
	color: $font-author-color;
}

span.copyright {
	text-align: center;
	font-size: 0.75em;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.inner-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    //overflow: hidden;
    opacity: 1;
}
.inner-content {
    //max-width: 450px;
    width: 100%;
    margin: -150px auto 0 auto;
    display: table-cell;
    vertical-align: middle;
    //color: #ebebeb;
    padding: 0 8%;
    text-align: center;
}
.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
}

footer {

}