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



body {
	background: #160821;
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}



#cajacookies {
  display: none;
  background-color: #f59f59;
  color: #111;
  padding: 2px;
  margin-left: 40%;
  margin-right: 35%;
  margin-bottom: 0px;
  position: absolute;
  top: 30vh;
  width: 20%;
}

#cajacookies p {
  width:90%;
  height: auto;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 1.1rem; 
  line-height: 1.3rem;
  color: #f5f5f5;
}


#cajacookies button {
 background: transparent;
  width:90%;
  height: auto;
  margin-left: 2%;
  margin-top: 5%;
  margin-bottom: 5%;
  border: 2px solid #111;
  color: black;
  padding: 1% 0%;
  font-size: 0.8rem;
  font-weight: 400;
  cursor: pointer;  
}



header {
	width:100%;
	height: auto;
	float: left;
}

.name {
	width:80%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 15%;
	margin-top:0.7%;
	margin-bottom:0%;
	color:#160821;
	font-size: 1rem;
	font-weight: 600;
	padding: 0.4% 0%;
	text-align: left;
	z-index: 9;
	position: fixed;
}


.name a:link,
.name a:visited,
.name a:hover {
	color:#160821;
	text-decoration: none;
	margin-left: 5%;
}


.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	z-index: 10;
	position: fixed;
}

.logo img {
	width:70%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 0%;
	margin-bottom: 0%;
}




@media screen and (max-width: 1600px) {	

	
#cajacookies {
  padding: 2px;
  top: 40vh;
}

#cajacookies p {
    width:90%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
	font-size: 1.2rem;
}


#cajacookies button {
  padding: 2% 0%;
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: 10%;
    margin-bottom: 5%;
}
	
.logo {
	width:20%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom: 0%;
	z-index: 10;
	position: fixed;
}
	
	
.logo img {
	width:80%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0%;
	margin-bottom: 0%;
}	
	
	
.name {
	width: 40%;
	margin-left: 2%;
	margin-right: 15%;
	margin-top:1.3%;
	margin-bottom:0%;
	color:#f5f5f5;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 0.4% 0%;
}

}



@media screen and (max-width: 1024px) {	


.logo {
	margin-top: 1%;
}
	
	
.logo img {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
}	
	
	
.name {
	margin-top:2%;
}



}



@media screen and (max-width: 850px) {	
	
#cajacookies {
  display: none;
  color: #f5f5f5;
  padding: 2px;
  margin-left: 15%;
  margin-right: 10%;
  margin-bottom: 0px;
  position: absolute;
  top: 30vh;
  width: 70%;
}
	
#cajacookies a:link,
#cajacookies a:visited,
#cajacookies a:hover {
	color:#f5f5f5;
	text-decoration: underline;
	}

#cajacookies p {
	font-size: 1.1rem;
	line-height: 1.6rem;
}

	
#cajacookies button {
 background: transparent;
  width:100%;
  height: auto;
  margin-left: 0%;
margin-top: 8%;
margin-bottom: 6%;
  border: 2px solid #f5f5f5;
  border-radius: 15px;
  color: #f5f5f5;
  padding: 4% 0%;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;  
  font-family: 'Montserrat', sans-serif;
}	
	
	

.logo {
	width:40%;
	height: auto;
	float: left;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 1%;
	margin-bottom: 0%;
	z-index: 10;
	position: fixed;
}
	
	
.logo img {
	width:70%;
	margin-left: 15%;
	margin-right: 15%;
}		
	

.name {
	width:60%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 5%;
	margin-top:3%;
	margin-bottom:0%;
	color:#160821;
	font-size: 0.7rem;
	font-weight: 600;
	padding: 0.4% 0%;
	text-align: left;
	z-index: 9;
	position: fixed;
}


}



@media screen and (max-width: 500px) {	
	
#cajacookies {
  display: none;
  color: #f5f5f5;
  padding: 2px;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 0px;
  position: absolute;
  top: 30vh;
  width: 80%;
}
	
#cajacookies a:link,
#cajacookies a:visited,
#cajacookies a:hover {
	color:#f5f5f5;
	text-decoration: underline;
	}

#cajacookies p {
	font-size: 1.1rem;
	line-height: 1.6rem;
}

	
#cajacookies button {
 background: transparent;
  width:100%;
  height: auto;
  margin-left: 0%;
margin-top: 8%;
margin-bottom: 6%;
  border: 2px solid #f5f5f5;
  border-radius: 15px;
  color: #f5f5f5;
  padding: 4% 0%;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;  
  font-family: 'Montserrat', sans-serif;
}
	
.logo {
	width:50%;
	height: auto;
	float: left;
	margin-left: 25%;
	margin-right: 0%;
	margin-top: 3%;
	margin-bottom: 0%;
	z-index: 10;
	position: fixed;
}		
	
.name {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0%;
	margin-bottom:0%;
	color:#999;
	font-size: 0rem;
	font-weight: 600;
	padding: 0% 0%;
	text-align: left;
	z-index: 9;
	position: fixed;
}

}