html{

	margin:0px;
	padding:0px;
	width:100%;
}

body{

	margin:0px;
	padding:0px;
	width:100%;
   
}



@media (max-width:900px){

.history-top-text{

  color:#90a959;

  font-family:inconsolata;
  font-size:6.5vw;
  margin-top:0px;
margin-right:20%;
margin-left:20%;
padding-top:calc(130px + 1vw);
padding-bottom:15%;


}

.history-top-text p{

  margin-top:0px;
  margin-bottom:0px;
  font-weight:bold;
}

.history-top-text p:nth-child(2){

  font-size:3vw;
  margin-top:8%;
  padding-bottom:1%;
  border-bottom:solid #90a959 1.5px;
}


/*yellow section*/

  .history_yellow_sec{

    background-color:#e9b872;
    color:#ffffff;
    width:100%;
    display:grid;
    grid-template-columns: 1.3fr 2.5fr;

  

  }

  .history_yellow_sec img{

   width:100%;
   height:100%;
   object-fit:cover;
   object-position:64% 0;
    
  }


   .history_yellow_text {

    padding-top:25%;
    margin-left:15%;
    margin-right:15%;
    margin-bottom:30%;
    font-family:Fira Sans;
    font-weight:300;
      font-size: 3.5vw;
   
   }






.categories_nav{

	width:100%;
	background-color:#6494aa;
	padding-top:20%;
	padding-bottom:20%;
}

.categories_nav_text{
	margin-left:20%;
	font-family:inconsolata;
	color:#ffffff;
}
.categories_nav_text h2{

	margin-top:0px;
	font-size:5vw;
}

.categories_nav_text h3{

	margin-top:8%;
	font-weight:400;
	
	font-size:3vw;

}

.gamecube{

	padding-bottom:20%;
}

a:link{

	color:#ffffff;
}

a:visited{

	color:#ffffff;
}

a:hover{

	color:#151515;
}

/*arrow containers*/

    
 .arrow-container2 {
      display: flex;
      justify-content: center;  /* Horizontally center the arrow line */
      align-items: center;      /* Vertically center */
      margin: 0;
       margin-top:2%;
    }

      .arrow2 {
      width:80%;  /* Length of the line */
      height: 0;
      margin-left:-20%;
      max-width:1000px;
      border-top:  .35vw solid #ffffff;  /* Line thickness and color */
      position: relative;
    }

    /* Arrowhead on the right side */
    .arrow2::after {
      content: "";
      position: absolute;                                         
      right:-1vw;                              
      top:-1vw;
      border-top: 1vw solid transparent;  /* Transparent top */
      border-bottom: 1vw solid transparent; /* Transparent bottom */
      border-left: 2vw solid #ffffff;   /* Arrowhead pointing right */
    }
}

@media (min-width:450px) and (max-width:900px){

.history-top-text{

  color:#90a959;

  font-family:inconsolata;
  font-size:6.5vw;
  margin-top:0px;
margin-right:20%;
margin-left:20%;
padding-top:calc(180px + 1vw);
padding-bottom:15%;


}

.history-top-text p{

  margin-top:0px;
  margin-bottom:0px;
  font-weight:bold;
}

.history-top-text p:nth-child(2){

  font-size:3vw;
  margin-top:8%;
  padding-bottom:1%;
  border-bottom:solid #90a959 1.5px;
}


/*yellow section*/

  .history_yellow_sec{

    background-color:#e9b872;
    color:#ffffff;
    width:100%;
    display:grid;
    grid-template-columns: 1.5fr 2.5fr;

  

  }

  .history_yellow_sec img{

   width:100%;
   height:100%;
   object-fit:cover;
   object-position:64% 0;
    
  }


   .history_yellow_text {

    padding-top:25%;
    margin-left:15%;
    margin-right:15%;
    margin-bottom:30%;
    font-family:Fira Sans;
    font-weight:300;
      font-size: 2.5vw;
   
   }






.categories_nav{

	width:100%;
	background-color:#6494aa;
	padding-top:20%;
	padding-bottom:20%;
}

.categories_nav_text{
	margin-left:20%;
	font-family:inconsolata;
	color:#ffffff;
}
.categories_nav_text h2{

	margin-top:0px;
	font-size:3.5vw;
}

.categories_nav_text h3{

	margin-top:8%;
	font-weight:300;
	font-family:fira sans;
	font-size:2.5vw;

}

.gamecube{

	padding-bottom:20%;
}

a:link{

	color:#ffffff;
}

a:visited{

	color:#ffffff;
}

a:hover{

	color:#151515;
}

/*arrow containers*/

    
 .arrow-container2 {
      display: flex;
      justify-content: center;  /* Horizontally center the arrow line */
      align-items: center;      /* Vertically center */
      margin: 0;
       margin-top:2%;
    }

      .arrow2 {
      width:70%;  /* Length of the line */
      height: 0;
      margin-left:-30%;
      max-width:1000px;
      border-top:  .15vw solid #ffffff;  /* Line thickness and color */
      position: relative;
    }

    /* Arrowhead on the right side */
    .arrow2::after {
      content: "";
      position: absolute;                                         
      right:-1vw;                              
      top:-1vw;
      border-top: 1vw solid transparent;  /* Transparent top */
      border-bottom: 1vw solid transparent; /* Transparent bottom */
      border-left: 2vw solid #ffffff;   /* Arrowhead pointing right */
    }
}

@media (max-width:1920px) and (min-width:900px){

.history-top-text{

  color:#90a959;

 font-family:inconsolata;
  font-size:3.5vw;
  margin-top:0px;
margin-right:25%;
margin-left:25%;
padding-top:25%;
padding-bottom:20%;


}

.history-top-text p{

  margin-top:0px;
  margin-bottom:0px;
  font-weight:bold;
}

.history-top-text p:nth-child(2){

  font-size:2vw;
  margin-top:8%;
  padding-bottom:1%;
  border-bottom:solid #90a959 1.5px;
}


/*yellow section*/

  .history_yellow_sec{

    background-color:#e9b872;
    color:#ffffff;
    width:100%;
    display:grid;
    grid-template-columns: 3.5fr 4fr;

  

  }

  .history_yellow_sec img{

   width:100%;
   height:100%;
   object-fit:cover;
   object-position:60% 0;
    
  }


   .history_yellow_text {

    padding-top:25%;
    margin-left:15%;
    margin-right:15%;
    margin-bottom:30%;
    font-family:Fira Sans;
    font-weight:300;
      font-size: 1.7vw;
   
   }






.categories_nav{

	width:100%;
	background-color:#6494aa;
	padding-top:20%;
	padding-bottom:20%;
}

.categories_nav_text{
	margin-left:25%;
  margin-right:25%;
	font-family:inconsolata;
	color:#ffffff;
}
.categories_nav_text h2{

	margin-top:0px;
	font-size:3vw;
}

.categories_nav_text h3{

	margin-top:8%;
	font-weight:400;
	
	font-size:2vw;

}

.gamecube{

	padding-bottom:20%;
}

.categories_nav_text a:link{

	color:#ffffff;
}

.categories_nav_text a:visited{

	color:#ffffff;
}

.categories_nav_text a:hover{

	color:#151515;
}

/*arrow containers*/

    
 .arrow-container2 {
      display: flex;
      justify-content: center;  /* Horizontally center the arrow line */
      align-items: center;      /* Vertically center */
      margin: 0;
       margin-top:2%;
    }

      .arrow2 {
      width:80%;  /* Length of the line */
      height: 0;
      margin-left:-20%;
      max-width:1000px;
      border-top:  .15vw solid #ffffff;  /* Line thickness and color */
      position: relative;
    }

    /* Arrowhead on the right side */
    .arrow2::after {
      content: "";
      position: absolute;                                         
      right:-.6vw;                              
      top:-.6vw;
      border-top: .6vw solid transparent;  /* Transparent top */
      border-bottom: .6vw solid transparent; /* Transparent bottom */
      border-left: 1vw solid #ffffff;   /* Arrowhead pointing right */
    }
}

@media (min-width:1920px){

.history-top-text{

  color:#90a959;

 font-family:inconsolata;
  font-size:4vw;
  margin-top:0px;
margin-right:25%;
margin-left:25%;
padding-top:20%;
padding-bottom:20%;


}

.history-top-text p{

  margin-top:0px;
  margin-bottom:0px;
  font-weight:bold;
}

.history-top-text p:nth-child(2){

  font-size:2vw;
  margin-top:8%;
  padding-bottom:1%;
  border-bottom:solid #90a959 2px;
}


/*yellow section*/

  .history_yellow_sec{

    background-color:#e9b872;
    color:#ffffff;
    width:100%;
    display:grid;
    grid-template-columns: 3.5fr 4fr;

  

  }

  .history_yellow_sec img{

   width:100%;
   height:100%;
   object-fit:cover;
   object-position:60% 0;
    
  }


   .history_yellow_text {

    padding-top:20%;
    margin-left:20%;
    margin-right:20%;
    margin-bottom:20%;
    font-family:Fira Sans;
    font-weight:300;
      font-size: 1vw;
   
   }






.categories_nav{

  width:100%;
  background-color:#6494aa;
  padding-top:10%;
  padding-bottom:10%;
}

.categories_nav_text{
  margin-left:25%;
  margin-right:25%;
  font-family:inconsolata;
  color:#ffffff;
}
.categories_nav_text h2{

  margin-top:0px;
  font-size:2vw;
}

.categories_nav_text h3{

  margin-top:8%;
  font-weight:400;
  
  font-size:1vw;

}

.gamecube{

  padding-bottom:20%;
}

.categories_nav_text a:link{

  color:#ffffff;
}

.categories_nav_text a:visited{

  color:#ffffff;
}

.categories_nav_text a:hover{

  color:#151515;
}

/*arrow containers*/

    
 .arrow-container2 {
      display: flex;
      justify-content: center;  /* Horizontally center the arrow line */
      align-items: center;      /* Vertically center */
      margin: 0;
       margin-top:2%;
    }

      .arrow2 {
      width:80%;  /* Length of the line */
      height: 0;
      margin-left:-20%;
      max-width:1000px;
      border-top:  .1vw solid #ffffff;  /* Line thickness and color */
      position: relative;
    }

    /* Arrowhead on the right side */
    .arrow2::after {
      content: "";
      position: absolute;                                         
      right:-.4vw;                              
      top:-.4vw;
      border-top: .4vw solid transparent;  /* Transparent top */
      border-bottom: .4vw solid transparent; /* Transparent bottom */
      border-left: .8vw solid #ffffff;   /* Arrowhead pointing right */
    }
}