/*CSS - Franco Cirulli*/
/* General */
html{
	background-image: url("../img/macbook.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-attachment: fixed;    
}
.full-height { height: 100%; }

.content-height { height: 80%; }

nav{
	background-color:rgba(0,0,0,0.87);
}

.menu-btn{
	float:right!IMPORTANT;
}

.profile-img{
	width: 10%;
	min-width: 100px;
	margin-top: 5%;
}

.logo{
	font-family: 'Pacifico', cursive;
	font-size: 350%;
	color:white;
	margin-bottom: 5%;
}

.border-left{
	border-left:1px solid white;
}

.list{
	list-style-type: none;
	padding-left: initial;
	font-family: 'Open Sans', sans-serif;
}

.collection{
	max-width: 600px;
	margin:0 auto;
	background-color: transparent!important;
	border:none;
}
.collection .collection-item{
	color:white;
	background-color:transparent;
	border:none;
	font-weight: 500;
	text-shadow: 1px 2px 3px #000000;
}
footer .container{
	line-height: normal;
	padding-top: 20px;	
    height: 100px!important;
}
.page-footer, .footer-copyright{
	min-height: 100px;
}

/* Ajustes responsive */
@media (max-width: 600px) {
  .page-footer, .footer-copyright{
	min-height: 150px;
	}
}
@media (max-width: 300px) {
  .page-footer, .footer-copyright{
	min-height: 180px;
	}
}

/* Propuesta */
.map-style{
  width: 100%;
  height:93%;
}

nav, footer.page-footer{
	background-color:rgba(0,0,0,0.87);
}

.body-style{
	display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
  }