/* iphone 5 */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

 #header #logo img {
  margin-top: -12px;
         
}

     #intro .intro-content h2 {
     font-size: 24px; 
     margin-bottom: 0px; 
     }
     #intro .intro-content h3 {
     font-size: 14px;  
     }
    
    #intro .intro-content .btn-get-started,
     #intro .intro-content .btn-projects { 
     font-size: 10px;
     }   
    
}

/* iphone 6, 6s, 7, 8 */  /* portrait */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2)   and (orientation: portrait) { 
    
 #header #logo img {
  margin-top: -10px;
  margin-left: 0px;
  max-height: 45px       
}

 #intro .intro-content h1 {
     font-size: 34px;
     padding-bottom: 5px;       
     }
     
     #intro .intro-content h2 {
     font-size: 28px; 
     margin-top: -5px;
     margin-bottom: 0px; 
     }
     
     
}


/* iphone 6, 6s, 7, 8 */  /* landscape */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2)   and (orientation: landscape) { 
     #header #logo img {
  margin-top: -10px;
  margin-left: -60px;
  max-height: 45px       
}

    #intro .intro-content h1 {
     font-size: 24px;
     padding-bottom: 5px;       
     }
   #intro .intro-content h2 {
     font-size: 22px; 
     margin-top: 10px;
     margin-bottom: 0px; 
     }
     
}


/* iphone 6+, 6s+, 7+, 8+ */ /* portrait */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3)  and (orientation: portrait) {
    
  

    
}

/* iphone X */  /* landscape */  
    @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3)   and (orientation : landscape) {
    
  
 #header #logo img {  
  margin-left: -80px;
  margin-top: -12px;
  max-height: 48px       
}

   
  #intro .intro-content h1 {
     font-size: 35px;      
      margin-bottom: 0px;    
     }
   
   #intro .intro-content h2 {
     font-size: 18px;      
     margin-top: 0px; 
     margin-bottom: 0px; 
     }
     #intro .intro-content h3 {
     font-size: 16px; 
     margin-bottom: 0px;  
     }
    
     #intro .intro-content .btn-get-started,
     #intro .intro-content .btn-projects { 
     font-size: 14px;
     padding: 5px 22px;
     }
             
   
}

/* iphone X */  /* portrait */  
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { /* STYLES GO HERE */ 


#header #logo img {
  margin-top: -14px;
  max-height: 50px       
}

#intro .intro-content img{      
     height: 25px;  
}
 
#intro .intro-content h1 {
     font-size: 40px;      
     }
     
#intro .intro-content h2 {
     font-size: 24px; 
      
     }
     #intro .intro-content h3 {
     font-size: 18px; 
      margin-bottom: 10px;  
     }
}


/* ----------- iPad ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */


   #intro .intro-content h1 {
     font-size: 46px;      
     margin-top: 0px; 
     margin-bottom: 0px; 
     }
     
#intro .intro-content h2 {
     font-size: 38px; 
     margin-bottom: 0px; 
     }
     #intro .intro-content h3 {
     font-size: 18px; 
      margin-bottom: 10px;  
     }


}

/* Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */

  #header #logo img {
  margin-top: -16px;
  max-height: 60px       
}
   #intro .intro-content h1 {
     font-size: 45px;      
     margin-bottom: 30px; 
     }
    
}

/* Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* STYLES GO HERE */

      .nav-menu a {
       padding: 25px 5px;
       font-size: 14px;  
     } 


}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
 #header #logo img {
  margin-top: 0px;
  max-height: 48px       
}

   #intro .intro-content h1 {
     font-size: 56px;      
     margin-top: 0px; 
     margin-bottom: 0px; 
     }
     
#intro .intro-content h2 {
     font-size: 48px; 
     margin-bottom: 0px; 
     }
     #intro .intro-content h3 {
     font-size: 38px; 
      margin-bottom: 10px;  
     }
  
    .nav-menu a {
       padding: 20px 8px;
       font-size: 20px;  
     } 

  
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  
    #intro .intro-content h1 {
     font-size: 60px;            
     }

}


/* iphone XR */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) { }

/* iphone XS */
    @media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) { }

/* iphone XS Max */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) { }
    

/*Samsung Galaxy S8 Portrait Media Queries*/
    @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) { /* Your Styles... */ 
    /*@media only screen and (min-width: 740px) and (orientation: landscape) { /* Your Styles... */ 

    #header #logo img {
    margin-top: -8px;
    max-height: 40px       
    }

    #intro .intro-content h1 {
     /*font-size: 60px;*/
    margin-bottom: 30px;            
    }
}


/*Samsung Galaxy S8 landscape Media Queries*/
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) { /* Your Styles... */ 
/*@media only screen and (min-width: 740px) and (orientation: landscape) { /* Your Styles... */ 

    #intro .intro-content h1 {
    /*font-size: 60px;*/
    margin-top: 5px;            
    }   
}


/* Samsung Galaxy S9 Landscape Media Queries */
@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {     

}