/********************************* Global **********************************/
body{
	font-family: 'Abel';
	font-size: 15px;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;*/
	line-height: 1,5;
	padding: 0;
	margin: 0;
}

ul, img{
	padding: 0;
	margin: 0;
}

a{
	text-decoration: none;
}

.nav-trigger{
 	display:none;
}


/********************************** Header / main image **********************************/

/* background setup */
#background {
	/*background-image:url('../img/main_img.jpg');*/
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen {
    width:100%;
    height:100%;
    overflow:hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fullscreen.overflow {
    height:auto;
    min-height:100%;
}

#content_upper_pre {
    position: absolute;
    top: 1vh;
    right: 1vh;
}

#content_upper,
#content_lower {
    text-align: center;
}

#content_upper {
    position: absolute;
    top: 45vh;
    text-align: center;
    width:100%;
}

#content_lower {
    position: absolute;
    bottom: 6vh;
    text-align: center;
    width:100%;
}

#content_lower #t_element_b {
    text-decoration: none; border: 0px
}


/********************************** Photo grid **********************************/
.main{
	padding: 40px;
	margin: 0 auto;
	text-align: center;

}

.main h3{
	/*background-color:  #cdcdcd;*/
	padding: 10px 0;
	border-bottom: 1px solid;
	max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.photo-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.photo-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 250px;
}

.photo-grid li > a,
.photo-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}


/********************************** Pre-footer **********************************/
#pre-footer{
	/*background: linear-gradient(rgba(218,218,218,1), rgba(204,204,204,1));*/
    background: transparent url('../img/main_img.jpg') 0 -560px no-repeat;
	height: 200px;
	margin: 55px 0 0 0;
	text-align: center;
    width:100%;
}

#quote{
    position: relative;
  	top: 35%;
}


/********************************** Footer **********************************/
footer{
	background-color: #1e1d1b;
	padding: 25px 0;
	text-align: center;
}

footer #email, #pipe, #copy_date{
	display: inline;
	position: relative;
	padding: 0 10px 0 0;
	color: #c2c2c2;
	font-size: 13px;
}

footer #copy, #date{
	display: inline;
	position: relative;
	color: #c2c2c2;
	font-size: 13px;
}

footer #insta_logo{
	vertical-align: middle;
}


/******************************* Media Queries ******************************/
@media(min-width: 1930px){
	#pre-footer{
		background: linear-gradient(rgba(218,218,218,1), rgba(204,204,204,1));
		height: 200px;
		margin: 55px 0 0 0;
		text-align: center;
	    width:100%;
	}
}

@media(max-width: 605px){
	.main{
		padding: 0 20px;
		margin: 0 auto;
		text-align: center;
	}

	.photo-grid li {
		border: none;
		max-width: 125px;
		max-height: 125px;
		margin: 10px 5px 0 5px;
	}

	.photo-grid li > a img {
		border: none;
		outline: none;
		display: block;
		position: relative;
		width: 100%;
	}
}

@media(max-width: 460px){
	footer #email{
		display: block;
	}

	footer #copy_date{
		display: block;
		padding: 10px 0 0 0;
	}

	footer #insta_logo{
		text-align: center;
		padding: 10px 0 0 0;
	}
	
	footer #pipe{
		display: none;
	}
}

@media(max-height: 340px){
	#content_upper {
	    position: absolute;
	    top: 15vh;
	    text-align: center;
	    width:100%;
	}
}