@media only screen and (max-width: 600px) {
  #header{
    background-color:#008c8e;
  }
   #start{
       margin-top:35%;
   }
   .resbg{
       background-color:#008c8e;
   }
   .text {
    top: 23%;
    left: 5%;
    font-size: 26px;
   }
   .text1 {
    top: 27%;
    left: 5%;
    font-size: 26px;  
  }
.button {
    top: 33% !important;
    left: 0% !important;
    transform: scale(0.8);
  }
.christmas-heading {
    margin-top: 84px;
  }
.text3 {
    font-size: 38px;
    margin-top: 32px;
  }
  .star {
    margin-left: 51px;
  }
.christmas-heading1 {
    margin-top: 113px;
  }
.text5 {
    font-size: 29px;
    margin-top: 11px;
  }
.content {
    margin-top: 62px;
  }
.text6 {
    font-size: 38px;   
  }
.christmas-heading3 {
    margin-left: 121px;
  }
.text7 {
    margin-left: 58px;
  }
.text8 {
    margin-left: 58px; 
 }
.contact1 {
    margin-left: 58px;  
 }
.contact2 {
    margin-left: 58px;  
 }
.contact3 {
    margin-left: 58px;  
 }
 }
@media only screen and (min-width:601px)  and (max-width: 1000px) {
.restab{
max-width:100% !important;
flex: 0 0 100% !important;
 }
.text {
    top: 13%;
    font-size: 43px;
 }
.text1 {
    top:18%;
    font-size: 43px;
 }
.button {
    top: 24%;
    left: 5% !important;
    transform: scale(0.9);
 }
 }