* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #f7f7f7;
}

.background {
  background-color: black;
}

.survival {
  width: 1440px;
  height: 780px;
  background-image: url("./../images/fox.png");
  margin: 0 auto;
  padding: 0 120px;
  
}
.survival__header {
  height: 100px;
  display: flex;
  justify-content: space-between;
  
}

.survival__header__logo {
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.survival__header__logo__title {
  font-weight: 400;
  font-size: 32px;
  color: white;
  font-family: "Roboto";
}


.survival__header__navbar {
  height: 100px;
}


ul {
  height: 100%;
  display: flex;
  align-items: center;
  width: 480px;
  justify-content: space-between;
} 


.survival__header__navbar__list__item {
  color: white;
  font-size: 23px;
  text-decoration: none;
  line-height: 20px;

}

.survival__header__navbar__list {
  height: 100%;
  display: flex;
  align-items: center;
  list-style-type: none;
  
}

.survival__header__navbar__list__item__button {
  width: 120px;
  height: 50px;
  background: transparent;
  border-radius: 5px;
  font-size: 23px;
  line-height: 27px;
  color: white;
  border: 2px solid orange;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.survival__intro {
  padding-top: 100px;
}

.survival__intro__title {
  color: #CD6326;
  font-size: 48px;
  margin-top: 100px;
}
.survival__intro__subtitle {
  font-size: 18px;
  color: #F7F7F7;
  width: 274px;
  line-height: 27px;
  display: block;
  text-align: center;
  margin-top: 50px;

}

.survival__intro__button {
  width: 160px;
  height: 60px;
  background: #CD6326;
  border-radius: 5px;
  font-size: 23px;
  line-height: 27px;
  color: white;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: none;
  margin-top: 50px;
}




.latest__artical {
background-color: #CCCCCC;
width: 1440px;
height: 1368px;
margin: 0 auto;
}

.latest__artical__title {
  width: 324px;
  color: #333333;
  font-size: 48px;
  line-height: 72px;
  padding-top: 120px;
  text-align: center;
  margin: 0 auto;
}

.latest__artical__subtitle {

  height: 36px;
  color: #666666;
  font-size: 24px;
 line-height: 36px;
 margin-top: 20px;
 margin: 0 auto;
 text-align: center;
}

.arrows {
  width: 1142px;
  height: 360px;
  padding-top: 100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.deer__img{
  width: 300px;
  height: 360px;
  background-image: url(./../images/Rectangle.jpg);
  
}

.deer__img__title , .squirrel__img__title , .Bird__img__title {
font-size: 22px;
line-height: 36px;
color: #F7F7F7;
text-align: center;
margin-top: 247px;
}

.deer__img__subtitle , .squirrel__img__subtitle , .Bird__img__subtitle {
  font-size: 17px;
  line-height: 27px;
  color: #F7F7F7;
  text-align: center; 
}

.squirrel__img{
  width: 300px;
  height: 360px;
  background-image: url(./../images/Rectangle-2.jpg);
  
}

.Bird__img{
  width: 300px;
  height: 360px;
  background-image: url(./../images/Rectangle-3.jpg);
  
}