/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 600px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 600px; /* Set the fixed height of the footer here */
}


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

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



/* iPhone 6 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
	body {
  margin-bottom: 0px; /* Margin bottom by footer height */
}
.footer {
  position: relative;
  height: auto; /* Set the fixed height of the footer here */
    max-height: 100%;
}
}

/* iPhone 6 Plus*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
.footer {
  position: relative;
  height: auto; /* Set the fixed height of the footer here */
    max-height: 100%;
}
		body {
  margin-bottom: 0px; /* Margin bottom by footer height */
}
}

/* iPhone 5 & 5s Plus*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
.footer {
  position: relative;
  height: auto; /* Set the fixed height of the footer here */
    max-height: 100%;
}
		body {
  margin-bottom: 0px; /* Margin bottom by footer height */
}
}