html, body, div {
  margin: 0;
  padding: 0;
}

body {
  background-color: #FFFFFF;
}

body * {
  box-sizing: border-box;
}

body .banner-wrapper {
  border: 1px solid #000000;
  background-color: #1C355E;
  width: 728px;
  height: 90px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

body > div > img, body > div > svg {
  position: absolute;
  z-index: 2;
}

a{
  text-decoration: underline;
  color: inherit;
}

.hide_on_load {
  opacity: 0;
}

.farm-building-image{
  top:0px;
  left:593px;
  height:90px;
  z-index: 1;
}

.text-1 {
  width: 728px;
}

.text-2 {
  width: 728px;
}

.text-3 {

  width: 728px;
  z-index:11;
}

.logo{

  width: 728px;
  z-index:8;

}

.arrow {
position: absolute;
  top:13px;
  transform: translateX(-100%);
  left:0px;
  width: 23px;
	z-index: 13;
}

#yellow-block {
	position: absolute;
	top:0%;
	transform: translateX(-100%);
	left:0px;
	z-index:9;
  width: 100%;
 	height: 100%;
	background-color: #EBAD3C;
}

#blue-block {
  position: absolute;
  top:0%;
  transform: translateX(-100%);
  left:0px;
  z-index:10;
  width: 100%;
  height: 100%;
  background-color: #1C355E;
}

#blue-box {
  position: absolute;
  top:0%;
  left:0px;
  z-index:10;
  width: 593px;
  height: 100%;
  background-color: #1C355E;
  z-index: 2;
}