body {
    
    overflow: hidden; /* Hide scrollbars */
}

.slideshow-container {
 z-index: -1;
 position: absolute;

   
}
/*
.mySlides {
    max-width: 100%;
    height: auto;
    position: absolute;
    transform: translateY(-10%);
}
*/

    img {
        width: 100%;
        height: auto;
        transform: translateY(-50%);
        filter: opacity(70%) sepia(10%);
        }

    .social{
           top: 8%;
           position: absolute;
           left: 91%; 
           }

    .menu  {
           top: 8%;
           position: absolute;
           left:2%;
            }
   
    .social img {
             width:60%;
             transform: translate(0%);
             filter: opacity(100%) sepia(0%);
             }

    .menu img {
             width:60%;
             transform: translate(0%);
             filter: opacity(100%) sepia(0%);
            }
   
    .logo img {
             width: 20%;
             height: auto;
             margin: 0;
             position: absolute;
             top: 75%;
             -ms-transform: translateY(-50%);
             transform: translateY(-50%); 
             left:2%;
             filter: opacity(100%) sepia(0%);
          }

    .mail img {
           width: 12%;
           height: auto;
           margin: 0;
           position: absolute;
           top: 83%;
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left:2%;
          filter: opacity(100%) sepia(0%);
          }




/* Responsive styles */
@media only screen and (min-width: 2560px) and (orientation: landscape){ 

    body {
   
    overflow: hidden; /* Hide scrollbars */
    }
    
    img {
        width: 150%;
        height: 100%;
        transform: translate(-10%,-40%);
        filter: opacity(60%) sepia(10%);
        }

    .logo img {
              width: 20%;
              height: auto;
              margin: 0;
              position: absolute;
              top: 75%;
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
          }

    .mail img{
              width: 12%;
              height: auto;
              margin: 0;
              position: absolute;
              top: 87%;
             -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              }


    }

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

    body {
             overflow: hidden; /* Hide scrollbars */
            }
    
    img {
            width: 115%;
            height: 100%;
            transform: translate(-10%,-40%);
            filter: opacity(70%) sepia(10%);
            box-shadow: inset 0px 0px 150px black;
            }

    .social {
             left: 80%; 
             box-shadow: none;
             }  
    .social img
            {
             width:60%;
             transform: translate(0%);
             box-shadow: none;
             filter: opacity(100%) sepia(0%);
             }

    .menu img 
            {
             width:60%;
             transform: translate(0%);
             box-shadow: none;
             filter: opacity(100%) sepia(0%);
            }

    .logo img 
            {
              width: 30%;
              height: auto;
              margin: 0;
              position: absolute;
              top: 80%;
              -ms-transform: translateY(-50%);
              transform: translateY(-50%); 
              filter: opacity(100%) sepia(0%);
              box-shadow: none;
            }
    .mail img{
              width: 17%;
              height: auto;
              margin: 0;
              position: absolute;
              top: 87%;
             -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              box-shadow: none;
              filter: opacity(100%) sepia(0%);
              }
  
    }


@media only screen and (max-width: 760px) {
    body {
         overflow: hidden; /* Hide scrollbars */
         }
    
    img {
         width: auto;
         height: 100%;
         transform: translate(-50%,-50%);
         filter: opacity(60%) sepia(10%);
         }

    .logo img{
          width: 40%;
          filter: opacity(100%) sepia(0%);
          }    
    .mail img{
              width: 30%;
              filter: opacity(100%) sepia(0%);
              }
    .social {
             left: 80%; 
             }  
    .social img{
             width:50%;
             transform: translate(0%);
             filter: opacity(100%) sepia(0%);
             }        
    .menu img {
            width:50%;
            transform: translate(0%);
            filter: opacity(100%) sepia(0%);
            }
}

@media only screen and (max-width: 600px) {
   body {
         overflow: hidden; /* Hide scrollbars */
         }

    img {
           width: auto;
           height: 100%;
           transform: translateY(-50%);
           filter: opacity(60%) sepia(10%);
     }

    .logo img{
          width: 40%;
          filter: opacity(100%) sepia(0%);
          }    
    .mail img{
              width: 23%;
              filter: opacity(100%) sepia(0%);
              }
    .social {
             left: 80%; 
             filter: opacity(100%) sepia(0%);
             }            
    .social img{
             width:50%;
             transform: translate(0%);
             filter: opacity(100%) sepia(0%);
             }        
    .menu img {
            width:50%;
            transform: translate(0%);
            filter: opacity(100%) sepia(0%);
            }
    
    
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
{

    img {
        width: auto;
        height: 100%;
        transform: translate(-30%,-50%);
        filter: opacity(60%) sepia(10%);
        }
    .logo img{
          width: 40%;
          filter: opacity(100%) sepia(0%);
               }
    .mail img {
           width: 23%;  
           filter: opacity(100%) sepia(0%);
           }
    .social {
             left: 80%; 
             }  

    .social img{
             width:50%;
             transform: translate(0%);
             left: 80%;
             filter: opacity(100%) sepia(0%);
             }   

    .menu img {
            width:50%;
            transform: translate(0%);
            }      
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1194px) 
  and (-webkit-min-device-pixel-ratio: 2) 
{

     img {
        width: auto;
        height: 130%;
        transform: translate(-30%,-50%);
        filter: opacity(60%) sepia(10%);
        }
      .logo img{
          width: 40%;
          filter: opacity(100%) sepia(0%);
                }
      .mail img {
           width: 23%;
           filter: opacity(100%) sepia(0%);  
           }
      .social {
             left: 80%; 
             }  
      .social img{
             width:50%;
             transform: translate(0%);
             filter: opacity(100%) sepia(0%);
             } 
      .menu img {
            width:50%;
            transform: translate(0%);
            filter: opacity(100%) sepia(0%);
            }    
}

/* ----------- iPad  9+" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1620px) 
  and (max-device-width: 2160px) 
  and (-webkit-min-device-pixel-ratio: 2) 
{

     img {
        width: auto;
        height: 100%;
        transform: translate(-30%,-50%);
        filter: opacity(60%) sepia(10%);
        }
      .logo img{
          width: 40%;
          filter: opacity(100%) sepia(0%);
              }
      .mail img {
           width: 23%;  
           filter: opacity(100%) sepia(0%);
           }
      .social {
             left: 80%; 
             filter: opacity(100%) sepia(0%);
             }  
      .social img{
             width:50%;
             transform: translate(0%);
             filter: opacity(100%) sepia(0%);
             }  
      .menu img {
            width:50%;
            transform: translate(0%);
            filter: opacity(100%) sepia(0%);
            }       
}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) 
{
       img {
          width: auto;
          height: 120%;
          transform: translate(-50%,-50%);
          filter: opacity(60%) sepia(10%);
          }
     
      .logo img{
          width: 40%;
               }

      .mail img{
              width: 23%;
              }
      .social {
             left: 80%; 
             }  
      .social img{
             width:50%;
             transform: translate(0%);
              }        
       .menu img {
            width:50%;
            transform: translate(0%);
            }      

}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) 
{ 

    img {
        width: auto;
        height: 100%;
        transform: translate(-40%,-40%);
        filter: opacity(60%) sepia(10%);
        }

    .logo img{
          width: 40%;
          }    
    .mail img{
              width: 23%;
              }
     .social {
             left: 80%; 
             }  
    .social img{
             width:50%;
             transform: translate(0%);
             }        
    .menu img {
            width:50%;
            transform: translate(0%);
            }  
}

/* ----------- iPhone X+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) 
{ 

    img {
        width: auto;
        height: 100%;
        transform: translate(-40%,-40%);
        filter: opacity(60%) sepia(10%);
        }

    .logo img{
          width: 40%;
          }    
    .mail img{
              width: 23%;
              }
    .social {
             left: 80%; 
             }  

    .social img{
             width:50%;
             transform: translate(0%);
             }  

    .menu img {
            width:50%;
            transform: translate(0%);
            }   

}