@media (min-width:800px){
  html{
  background-color:#D06500;
  color:#FFFFFF;
}
.links{ 
  position:fixed;
  left:0px;
  top:0px;
  background-color:#FFFFFF;
  color:#D06500;
  width:130px;
  height:2000px;
  font-size:24px;
  padding:20px;
  }
  @keyframes head-animation{
    0% {color:#000000;}
    100% {color:#FFFFFF;}
  }
h1{
    font-size:34px;
    animation-name:head-animation;
  animation-duration:5s;
  animation-timing-function:ease;
  animation-iteration-count:5;
  animation-direction:alternate;
  animation-fill-mode:forwards;
  }
h2{
  font-size:30px;
}
.head{
  margin:30px 20px 30px 170px;
  justify-content:center;
  align-items:center;
}
.description{
  margin:30px 235px 30px 170px;
  border:solid 4px #FFFFFF;
  padding:10px;
  font-size:26px;
}
img{
  float:right;   
  width:215px;  
  position:relative;
  }
}
  @media (max-width:600px){
html{
  background-color:#D06500;
  color:#FFFFFF;
}
.links{ 
  position:fixed;
  left:0px;
  top:0px;
  background-color:#FFFFFF;
  color:#D06500;
  width:130px;
  height:2000px;
  font-size:22px;
  padding:20px;
  }
h1{
    font-size:34px;
  }
h2{
  font-size:30px;
}
.head{
  margin:30px 20px 30px 170px;
  justify-content:center;
  align-items:center;
}
.description{
  margin:30px 235px 30px 170px;
  border:solid 4px #FFFFFF;
  padding:10px;
  font-size:28px;
}
img{
  margin:30px 30px 30px 170px;
}
}
@media print{
  img{
    display:none;
  }
}