html{
	height: 100vh;
}
body{
	background: url('../img/background.jpg') center / cover;
	background-repeat: no-repeat;
	position: relative;
	height:100%;
}

header{
    font-family: 'Oleo Script', cursive;
    color: #515151;
    text-align: center;
    /*position: absolute;*/
    width: 100%;
    /*top: 0;*/
}

header h1{ 
	font-size:7rem;
	margin-bottom:0;
	text-transform: capitalize;
}

header h3{
	font-size:3rem;
}

.container h4{
	color:#fff;
}
.container h3{
  	font-size: 3.5rem;
    line-height: 1.3;
    font-weight: bold;
    font-size: 2.5vw;
    color: #fff;
	font-family: 'Oswald', sans-serif;
	margin-top:1rem;
	margin-bottom:.5rem;
	/*font-family: 'Roboto Condensed', sans-serif;*/
}

.container{
    /* position: absolute; */
    /* bottom: 30vh; */
    background: rgba(81, 81, 81, .75);
    /* padding: 0; */
    /* max-width: 65%; */
    /* border-radius: 1.5rem; */
    max-width: 65%;
    border-radius: 1.5rem;
    margin: 10rem auto 0 auto;
    /* height: 50vh; */
    position: relative;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* left: 0; */
    /* right: 0; */
    /* text-align: center; */
}

.row .column{
	text-align: center;
    /*border: 1rem solid #fff;*/
	position:relative;
	/*padding-bottom:33.3%;*/
}

.row{
	height:100%;
}

.inner{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 66%;
}
/*.column:before{
	content:'';
	padding-bottom:100%;
}*/

.column img{
	width:75%;
	-webkit-backface-visibility: hidden;
}

.hideme{
opacity: 0;
}

.colorme h3,.colorme h4{
	color: #F89206;
}

.colorme .top,.colorme .middle{
	opacity: 1;
}

.colorme .bottom{
	opacity: 0;
}

.easing{
	transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s 
}

.easing-slow{
	transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -webkit-transition: opacity .35s 
}

.bottom,.top{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.bottom{
	z-index: 1;
}

.middle{
	z-index:2;
}

.top{
	z-index: 3;
}


@media only screen and (max-width:640px){
	header{
		position: initial;
	}

	.container{
		position: initial;
		transform: initial;
		height: auto;
		width: 90%;
		margin-bottom: 4rem;
	}

	html{
		height:initial;
	}

	.container h3{
		font-size: 3rem;
	}



}