@media screen and (min-width: 375px) and (max-width: 478px) {
   .html1 {
      width: 80px;
   }
   
   .unipic {
      display: none;
   }
   
   .area{
     height:88vh;  
   }
   
   .neko1{
display:none;       
   }
   
 
 .emailbox{
font-size:28px;     
 }
 
 .instaicon{
font-size:30px;     
 }

.profile2{
font-size:16px;    
}
   .topcontainer::after{
     content: '';
      position: absolute;
      right: 0;
      left: -0%;
      top: 589px;
      z-index: 10;
      display: block;
      height: 50px;
      background-size: 50px 100%;
      background-position: 0 0;
      animation-direction:alternate;
  
    }
    
    .topcontainer img{
    width:100%;
    height:auto;
    margin-top:-300px;
    margin-left:-80px;
    position:relative;
    }
    
    @keyframes prettycat{
0%{opacity:0%;}
100%{opacity:40%;}
}


.designislife{
display:none;    
}
   
 .menulist a{
font-size:20px;
margin-bottom:20px;
 }
 
.introbox{
padding:24px;
padding-top:20px;
}

.whatilikebox{ 
display:block;
flex-wrap:nowrap;
}

.whatilikebox h1{
margin-bottom:100px;  
text-align:center;
font-size:20px;
}



.portfoliobox{
width:100%;
height:auto;
}

.luckycat{
width:200px;
margin-left:10px;
    
}



.flower{
width:80px;
margin-left:70px;
margin-top:100px;

}

.ribbon{
margin-left:100px;
display:none;
}


.retroTV{
width:450px;
margin-left:5px;
margin-top:-250px;
margin-bottom:5px;
}
.circles{
width:300px;
height:300px;
border-radius:300px;
}

.whatilikebox{
gap:1px;    
}

.whatilikeitem{
width:150px;
height:150px;
font-size:25px;
}

.whatilikeitem:nth-child(6){
font-size:25px;
}

.whatilikeitem:nth-child(7){
font-size:25px;

}

.whatilikeitem:nth-child(8){
font-size:25px;
}

.whatilikeitem:nth-child(9){
font-size:25px;
}

.tongueoutbox{
display:none;    
}

.ribbon{
width:150px;    
}
.toptext{
font-size:25px;  
top:-100px;
}
.code{
display:none;    
}
.quotationbox{
display:none;    
}

.mywords{
font-size:14px;
padding:5em;
padding-top:-20px;
}

.getintouch{
display:none;    
}

.asadesigner{
font-size:20px;    
}

.letstalk{
font-size:20px;    
}

figure.snip1283 img {
  opacity: 1;
  width: 200px;
  height:auto;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

figure.snip1283 {
  color: black;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 315px;
  max-height: 220px;
  width: 100%;
  height:auto;
  color: grey;
  text-align: left;
  opacity:80%;
  padding:0;
  font-size: 13px;
  -webkit-perspective: 50em;
  perspective: 50em;

}

figure.snip1283 p {
padding:1.3em;
font-size:13px;
line-height:1.8;
}


   .thecats {
      display: none;   
   
}



   .gomamisopic {
      display: none;   
   
}


   .text{
      margin-top:-100px;
      margin-left:20px;
      font-size:20px;
      margin-bottom:20px;
      
   }
  



   p {
      font-size: 15px;   
      line-height:1.8;
      color:black;
   }


   .intro {
      width: 100%; 
      height: auto;
      color:black;
      margin-top:-200px;
      
   }


.intro p{
text-align:justify;    
}

.kannaart{
width:500px;
margin-top:30px;

}

   .blockquote {
      display: none;
   }

   .casestudy {
      font-size: 25px; 
      margin-left:30px;
  
}


   .container1 {
      width: 100%;
      height: 100%;
   }

.container1 h1{
margin-top:10px;    
}



   .toppicture {
      display: none;
   }


   .scrolldown4:after {
      content: "";
      position: relative;
      bottom: 20px;
      right: 0;
      top: 400px;
      right: 95px;
      width: 1px;
      height: 50px;
      background: black;
   }


   .scrolldown4:before {
      top: 430px;    
   }


   .jsmatome {
      display: flex;
      font-size: 0px;
      line-height: 0;
      text-align: center;
      justify-content: center;
      margin-top: 100px;  
      margin-right: 50px;
   }


   .kannapic2 {
      width: 200px;
      height: 200px;
      margin-left: 50px;
      margin-top: 100px;
   }

.portfolio{
margin-top:150px;   
display:block;
margin-left:-300px;
gap:50px;

}

   .catasticdesign {
      width: 100px;  
   }
   
   .catasticdesign2 {
      width: 100px;
      margin-right: 30px;
   }

   .catasticdesign:hover,
   .catasticdesign2:hover {
      opacity: 70%; 
      animation: none;
   }


   .movingpaw,
   .movingpaw2,
   .movingpaw3,
   .movingpaw4 {
      display: none;     
   }



   .profile3 {
      font-size: 13px;  
      padding: 2em;
   }


   .mylife {
      margin-bottom: 300px;
   }


   .flower {
      width: 80px;
   }


   .article1 {
      font-size: 13px;
      padding: 1em;
   }
   
   


.header{
height:590px;
}

.kannaart{
width:250px;    
}

 .waves {
    height: 60px;
    min-height: 60px; 
 }}