/* icon navigation css ZDD */

body, html {
	height: 100%;
	width:100%;
	max-width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	}
nav {
	position:fixed;
	bottom:0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content:center;
		-align-content:center;
	padding-left:9px;
	margin:0;
	z-index:9999999;
 /* 	-webkit-transition-delay: 0.1s; 
   	 transition-delay: 0.1s;
  	-webkit-transition-duration: 0.4s; 
   	 transition-duration: 0.4s; */
	}
/* nav:hover {
	background-color:#fff;

	} */
.icon {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
		-align-items:center;
	margin:5px;
	}
.smartphone-icon {
	display:none;
	}
a {
	text-decoration:none;
	color:black;
	}
footer {
	float:left;
	display:inline-block;
	height:18vh;
	}

 /* IF iPad size */

 @media all and (max-width: 768px) {
 
nav {
	-webkit-align-items:center;
		-align-items:center;
	padding-right:5px;
	margin:auto;
	max-width:98vh;
	padding-left:6px;
	}
.icon {
	height:80px;
	width:19vw;
	padding:0 0 5px 0;
	}
 }

 /* smaller icons FOR smartphones */

 @media all and (max-width: 440px) {
 
.icon {
	display:none;
	}
.smartphone-icon {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
		-align-items:center;
	margin:auto;
	width:19vw;
	padding-left:2px;
	}
 }