body{
	  padding: 0;
	  margin-top: 0%; 
	  padding-top: 0%;
	  margin: 0;
	  font-family: 'Helvetica', sans-serif;
	  width: 100%;
		height: 100%; background: url("../img/HD/4.jpg")     no-repeat;
		 background-position: center;
		 background-size: cover;
	}
	
	
	.container{
	  padding:  0;
	  margin-top: 0%;
	  padding-top: 0%;
	  padding-bottom: 0%;
	  margin-bottom: 0%;
	  margin:0;
	   
	  width: 100%;
		
	
	}
	
	.smartphone-wrapper{
		margin: 0 auto;
		margin-top: 4em;
		margin-top: 0%; 
		padding-top: 0%;
		padding: 0;
		width: 100%;
		 
		margin-bottom: 0%;
		height: max-content;
		 
		
	 
	}
	
	
	.smartphone{
		background-color: transparent;
		 
		width: 100%;
		height: 721px;
		border-radius: 0px  ;
		background: transparent; 
		
	}
	
	.smartphone-header{
		margin: 0 auto;
		margin-top: 18px;
		margin-bottom: 25px;
		padding: 0;
		background: transparent; 
		justify-content: center;
		align-items: center;
	}
	
	.smartphone-screen{
	   background-position: center;
		 background-size: cover;
		 height: 100%;
		width: 100%;
		margin:  0px auto;
		margin-top: 0em;
		border-radius: 0px  ;background: transparent;  border: none;
	}	
	
	.smartphone-screen-header{
		display: grid;
		grid-template-columns: 30% 40% 30%;
	  padding: 5px;
	}
	
	.screen-header-left{text-align: left;}
	.screen-header-right{text-align: right;}
	.screen-header-center{text-align: center;}
	
	.screen-header-center p{
		color: white;
		font-size: 9pt;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 600;
	  padding: 3px;
	  margin: 0;
	}
	
	.screen-header-item{
		padding: 0 6px 0 6px;
		margin: 0;
	}
	
	.screen-icons{
		list-style: none;
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	.screen-icons li{
		display: inline;
		color: white;
		font-size: 9pt;
		padding:0;
		margin: 0;
	}
	
	.app-wrapper{
	  display: grid;
	  grid-template-columns: 30% 30% 30% ;
	  grid-row-gap: 4px;
	  justify-content: center;
	  text-align: center;
	  margin-top: 11px;margin-bottom: 3em; 
	  height: 100%;
	  
	}
	
	.app-icon p{
	  color: white;
	  font-size: 8pt;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight: 500;
	  margin: 4px;
	margin-bottom: 10px;
	}
  @keyframes grow{
	  0%{
		  transform: scale(1);
	  }
	  50%{
		  transform: scale(1.1);
	  }
  
	  100%{transform: scale(1.01);}
  }
  
  .icons{
	  padding: 11px;
	  width: 52px;
	  height: 48px;
	  font-size: 24pt;
	  border-radius: 10px;
	background: #bdbdbd;
	border: white 0px solid;
  }
  
  .icons:hover{
	  animation: 1s grow infinite;
  }
  
  .fa-github{
	  color: rgb(23, 21, 21);
	  background-color: #f0f0f0;
  }
  
  .fa-twitter{
	  background-color: #1DA1F2;
	  color: white;
  }
  
  .fa-linkedin-square{
	  color: white;
	  background-color: #0077B5;
  }
  
  .fa-file-text-o{
	  color: white;
	  background-color: #0e9ba5;
  }
  
  .fa-taxi{
	color:#252525;
	background-color:#FFBA08;
  }