/******************************
    Goran Mitic
    http://goranmitic.com
******************************/

h1 {
	margin: 0 0 0.5em;
    padding: 0;
    color: #fff;
    font: 100 100px/100px 'Lato', sans-serif;
    text-transform: uppercase;
}
h1 span {
    display: block;
}
h1 span:nth-child(1) {
    opacity: 1;
}
h1 span:nth-child(2) {
    opacity: 0.75;
}
h1 span:nth-child(3) {
    opacity: 0.5;
}
h1 span:nth-child(4) {
    opacity: 0.25;
}

/*
    Sections
----------------------------------------------- */

.gm-content {
	position: absolute;
	top: 10%;
	left: 5%;
	width: 90%;
	height: 80vh;
	background: rgba(0,0,0,0.0);
}
.gm-list-inline > li {
    padding: 0 10px;
}
.gm-list-inline .gm-well {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: rgba(255,255,255,0.05);
}
.gm-list-inline .gm-well a,
.gm-list-inline .gm-well span {
    color: #fff;
    font: 100 32px/32px 'Lato', sans-serif;
}

/*
    Section One
----------------------------------------------- */
.gm-section.gm-one {
	position: relative;
	height: 100vh;
	padding: 0;
	background: #8abee5;
	background-size: cover;
}

/*
    Section Two
----------------------------------------------- */
.gm-section.gm-two {
	position: relative;
	height: 100vh;
	padding: 0;
	background: #fa5e5b;
	background-size: cover;
}

/*
    Section Three
----------------------------------------------- */
.gm-section.gm-three {
	position: relative;
	height: 100vh;
	padding: 0;
	background: #16c98d;
	background-size: cover;
}