@charset "UTF-8";

.montserrat{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*{
  padding:0;
  margin:0;}
/*https://coolors.co/1c1c1c-001614-3d1308-702632-9f2042-fde8e9-edeced-fafaff*/
iframe[seamless] {
    border: none;
    width: 100%;
    height: auto;
    z-index: 1;
}
iframe.foot {
    border:none;
    width: 100%;
    height: auto;
    z-index: 5;

}
.menu{
  height: 200px;
}
body {
  font-family:'Raleway','Poppins','Encode Sans Expanded', sans-serif;
  font-size: 14px;
  height: 1000px;
  background-color: #1C1C1C;
}
section.page1{
    height: 100%;
    background-blend-mode: darken;
    background-color:black;
    background-repeat: no-repeat;
    background-size: 2000px;
    background-position: center;
}
article.p1{
  /*max-width: 1257px;*/
  min-width: 1000px;
  margin: auto;
  height: 70%;
  background-color: #FDE8E9;
  max-height: inherit;
  display: flex;
  flex-wrap: wrap;
  align-content: top;
  background-image: url(backgrounds/avbckg.jpg);
  background-position: center;
  background-size: auto;
}
h1.anya{
  font-family: "Brown Sugar",sans-serif;
  font-weight: normal;
  font-size: 120px;
}
h1.anya:hover{
  text-decoration: none;
  color: white;
  color: rgb(0,0,0,0.6);
}
.title{
  width: 40%;;
  height: 25%;
  position: relative;
  display:block;
  z-index: 3;
  left:30%;
}
article.p2{
  max-width: 1257px;
  min-width: 100px;
  margin: auto;
  height: 100%;
  background-color: yellow;
  max-height: inherit;
  display: flex;
  flex-wrap: wrap;
}
section.log{
	width:100%;
	height:auto;
	position: relative;
}
.i-logo {
	width:100%;
	height:auto;
	display: block;
}
.i-logo img {
		width:100%;
		height:auto;
}
.i-logo:hover {
  filter:brightness(12%);
}

ul.menu{
  font-family:"Raleway","Arial", sans-serif;
	position: absolute;
	height:inherit;
	width:90%;
	float: center;
  left:5%;
  float:right;
  display:flex;
  flex-wrap: nowrap;
  background-color:702632;
  height: 100px;

}
li.abc {
  width: 30%;
  height: inherit;
  position:relative;
  float:left;
  display:block;
  background-image: url("logos/GB.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
li.abc:hover{
  background-image: url("logos/GB-2.png");
  background-repeat: no-repeat;
  background-position: center;
}
li.blankspace{
  width: 5%;
}
li.KAT{
  width: 30%;
  height: inherit;
  position:relative;
  float:left;
  display:block;
  background-image: url("logos/KAB.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
li.KAT:hover{
  background-image: url("logos/KAG.png");
  background-repeat: no-repeat;
  background-position: center;
}
li.ANN{
  width: 30%;
  height: inherit;
  position:relative;
  float:left;
  display:block;
  background-image: url("logos/ARB.png");
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
}
li.ANN:hover{
  background-image: url("logos/ARG.png");
  background-repeat: no-repeat;
  background-position: center;
}
.inicio{
  color: white;
	text-decoration: none;
}
.inicio:hover {
	color: white;
}
.space{
		background-color:white;
		height:5px;

		}
.active{ text-decoration:none;
    	color:white;
}
section.spaceblack{
			width:100%;
			height:20%;
      background-color: black;
}
section.filler{
  width:100%;
  height: 20px;
  background-color: white;
}
.end{
	width:100%;
	line-height:300%; /*es para centrar verticalmente*/
	height: 30px;
	background-color:black;
	color:white;
	font-size:14px;
}