/*Screen handler for responsive web*/
@media handheld,screen and (max-width: 800px)
{ 
   .icons-container  {
   		transition-delay: 0s;
   		display: block;
   		border: rgb(10, 120, 200) solid 10px;
   		-webkit-box-shadow: 0px 0px 127px -2px rgba(152,197,245,1);
   		-moz-box-shadow: 0px 0px 127px -2px rgba(152,197,245,1);
   		box-shadow: 0px 0px 127px -2px rgba(152,197,245,1);
   }
   .projects {
   		display: block;
   }
   
   
   .content:hover {
   transition-duration: 0.5s;
   box-shadow: inset 0px 0px 101px 300px rgba(34,153,204,1), 
            0px 0px 201px 56px rgba(152,197,245,1);
   -webkit-box-shadow: inset 0px 0px 101px 300px rgba(34,153,204,1), 
            0px 0px 201px 56px rgba(152,197,245,1);
   -moz-box-shadow: inset 0px 0px 101px 300px rgba(34,153,204,1), 
            0px 0px 201px 56px rgba(152,197,245,1);
   }

	.my-discription {
		max-width: 200px;
	}

   #topBtn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 0px;
     z-index: 99999;
     font-size: 18px;
     font-weight: 900;
     border: none;
     outline: none;
     background-color: gray;
     opacity: 0.3;
     color: white;
     cursor: pointer;
     padding: 15px;
     border-radius: 4px;
   }


}