body{
  font-family: Futuralt Bold;
/* good range for body copy is 14-20 px */
font-size: 20px;
/*  line height will be 24 px  */
line-height: 1.4;
color: #473538;
}

 @font-face {
    font-family: Futuralt Bold;
   src: url(futuralt-bold.ttf);}

header {
  overflow: hidden;
}

header img {
  float: left;
  margin: 40px 0 0 0;
  width: 150px;
}

header nav {
  float: right;
  margin: 30px 30px 30px 0;
  position: relative;
}

header nav a{
    text-decoration: none;
  color: #000000;
 font-size:32px ;
  font-weight: 700;
  padding: 0 20px 0 20px;
}


nav a:hover {
  background-color: #fff700;
padding: 0 20px 0 20px;
}

.about div {
  max-width: 1000px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 0 50px 0;
}

.about h1 {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  padding-top: 50px;
  padding-bottom: 30px;
}

.about p {
  font-size: 26px;
  color: #000000;
  padding-bottom: 50px;
  padding: 0 20px 0 20px;
}


header h1{
float: left;
padding-left: 50px;
margin-left: auto;
width: 210px;
position: relative; 
  transition: 0.5s ease;
z-index: 200;
}

.gif {
max-width: 1200px;
height: auto;
padding-right: 20px;
padding-left: 20px;
margin-top: -20px;
margin-right: auto;
margin-left: auto;
transition: 0.5s ease;
}

.botton {
  width: 400px;
  float: right;
 margin-top: -30px;
  padding-right: 100px;
  position:relative;
  transform: rotate(8deg);
  transition: 0.5s ease;
}

.botton:hover {
  transform: rotate(-10deg);
}



@media (max-width:600px){
  
header h1 {
width: 120px;
float: none;
padding-left: 0;
margin-left: auto;
margin-right: auto;
  }

  header nav {
  width: 350px;
  padding: 80px 0 20px 0;
  padding-right: 0px;
  float: none;
  margin-left: auto;
margin-right: auto;
    text-align: center;
  }
  
  header nav a{
 font-size:26px ;
}
  
   .botton {
  width: 300px;
 margin-right: auto;
margin-left: auto;
     padding-top:10px;
    float: none;
  }

  .about h1 {
    font-size: 26px;
    line-height: 1;
    padding: 30px 0 20px 0;
  }
  
  .about p {
  font-size: 16px;
    padding: 0 10px 50px 10px;
  }