@charset "UTF-8";
/* CSS Document */

body {
	
	font-family: 'Josefin Slab', serif;
	font-size: 1em;
	padding:0;
	max-width: 1480px;
	margin: 0 auto;
	
	}

.home {
	margin-top: 8px;
	margin-left: 30px;
}

h1 {
/*	font-family: 'Exo 2', sans-serif;*/
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 4px;
	color:#000000;
	margin-left: 10px;
	margin-bottom: 60px;
}

p {
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: 30px;
}


/*gallery-----------------*/


.column {
    float: left;
    width: 31%;
    padding: 8px;
	display: block;
	
}

.column img {
    margin-top: 12px;
	margin-left: 30px;
}


/*footer-----------------------*/

.footer {
	clear: both;
	padding-top: 50px;
	padding-bottom: 50px;
}

.footer p {
	font-family: 'Exo 2', sans-serif;
	font-weight: 100;
	font-size: 0.8em;
	text-align: center;
	margin: 20px;
	
}

/*back to top btn--------------*/

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #ef7070;
  color: white;
  cursor: pointer;
  padding: 10px 13px;
/*  border-radius: 10px;*/
}

#myBtn:hover {
  background-color: #555;
}




@media only screen and (max-width: 800px) {
	
	
    .column {
        width: 95%;
		margin-left: 0;
    }
	
	.column img {
	margin-left: 0;
}

	.home {
		margin-left: 5px;
	}
	

	h1 {
		font-size: 1.5em;
	}
	
	p {
		margin-left: 5px;
	}
}