@media only screen and (max-width: 414px){

  	body{
  		font-size: 2.2vh;
  		cursor:none;
  	}
  	
  	
  	.loading-text{
 	    position: relative;
 	    width: 50vw;
 	    font-size: 7vh;
 	    transform: translateX(20vw) translateY(35vh);
 	}
 	
 	.loading-text:after{
 	    bottom:3vh;
 	}

    
     @keyframes gifloader{
     	0%{
     		transform: translateX(0vw) scaleX(100%);
     	}
     	49%{
     		transform: translateX(45vw) scaleX(100%);
     	}
     	50%{
     	    transform:translateX(45vw) scaleX(-100%);
     	}
     	100%{
     	    transform:translateX(0vw) scaleX(-100%);
     	}
    }
  	
  	
  	a{
  	    cursor:none;
  	}
  	
  	.slide{
  	    cursor:none;
  	}

  	#about{
  		padding-bottom: 30vh;
  		margin-bottom: 20vh;
  		background-size: 20vh;
  	}

  	#aboutme{
  		flex-direction: column;
  	}

  	.sliderframe{
  	 	min-height:40vh;
  	 	max-height: 40vh;
  	 	overflow: scroll;
  	}

  	.slider{
  		min-height:40vh;
  		max-height: 40vh;
  	}

  	#videos>div>p{
  		bottom:-2.1vh;
  	}

  	.cloud{
  		background-size: cover;
  	}


	header{
		transition: 300ms;
	}

	header.open{
		height:100vh;
		align-items: flex-start;
		padding-top: 2.7vh;
		background-color: #192477;
		transition: 300ms;
	}

	#menu{
		display:none;
		flex-direction: column;
		transition: 300ms;
		align-items: center;
	}

	#menu li a{
		font-size: 10vw!important;
		padding-bottom: 10vw!important;
	}

  	#menu.visible{
  		display: flex;
  		position:absolute;
  		top:20vh;
  		gap:10vh;
  		transition: 300ms;
  	}

  	.burger{
  		display:flex;
  	}

  	.burger a{
  		background: url(img/burger.svg) center no-repeat;
  		background-size: 32px;
  		padding:16px 16px;
  	}
  	
  	  .textweb ul, .textweb p:nth-child(3){
  	    padding-bottom: 4vh;
    }
    
      	#contactcontent ul{
  	    width:80%!important;
  	}
    
    .poweredby{
  	    padding:6vh;
  	    width:20%!important;
  	}

  	
  

  }