/* Small devices (tablets, 768px and <992) */
@media (max-width: 767px) 
{  

	body
	{
		overflow-x: hidden;
	}

   #section_header  h1
   {
      font-size: 10vw;
   }
   #section_header .icon
   {
		width: auto;
   }
   #section_header a.go_down
   {
		font-size: 15px;
      padding: 10px 10px;

      color: white;

      /*transform: translate3d(5%,-100%,0px);*/
   }
   #section_header a.go_down .fa
   {
      color: #FFF;
   }
   #section_header a#linkwebproject
   {
      background-color: #007800;
      left: 30%;
   }
   #section_header a#link3dproject
   {
      background-color: #780000;
      left: 70%;
   }
   h2
   {
   	font-size: 14px;
   }
   #smartphone
   {
   	margin-bottom: 30px;
   }

   #smartphone_screen
   {
      overflow: hidden;
   }
}

@media only screen and (max-width: 767px) and (orientation:landscape){

  #landscape_message
  {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      
      background-image: url("images/mobile_portrait_bg.jpg");
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center;
      background-color: #10518b;
      z-index: 999;
  }

}