@media only screen and (max-device-width: 768px) 
{
div.icons{padding-top:15px;background-color:#82ca9c;color:#fff;text-transform:uppercase;height:120px;padding-top:10px;padding-bottom:10px;}
div.icon_menu{opacity: 0.95;filter: alpha(opacity=95); }	
div.icon_bottom{height:5px;background:url('table_bottom.png');background-position:top center;}
div#icon1,div#icon2,div#icon3,div#icon4{display:none;}
div.icon_links{display:inline-block;text-align:center;vertical-align:top;}	
div.icons{width:160px;margin-left:5x;}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1050px) 
{
div.icons{padding-top:15px;background-color:#82ca9c;color:#fff;text-transform:uppercase;height:120px;padding-top:10px;padding-bottom:10px;}
div.icon_menu{opacity: 0.95;filter: alpha(opacity=95); }	
div.icon_bottom{height:5px;background:url('table_bottom.png');background-position:top center;}
div#icon1,div#icon2,div#icon3,div#icon4{display:none;}
div.icon_links{display:inline-block;text-align:center;vertical-align:top;}	
div.icons{width:180px;margin-left:5x;}	

}



@media only screen and (min-device-width: 1050px) 
{
	
div.icon_bottom{width:240px;height:5px;background:url('table_bottom.png');background-position:top center;}
div.icon_links{display:inline-block;text-align:center;}
div.icon_menu{width:1100px;opacity: 0.95;filter: alpha(opacity=95); }	
div#icon1{margin-right:20px; width:240px;height:36px;background:url('table_top.png');background-position:0 0;}
div#icon2{margin-right:20px; width:240px;height:36px;background:url('table_top.png');background-position:-250px 0;}
div#icon3{margin-right:20px; width:240px;height:36px;background:url('table_top.png');background-position:-500px 0;}
div#icon4{width:240px;height:36px;background:url('table_top.png');background-position:-750px 0;}
div.icons{width:240px;margin-left:5x;;background-color:#82ca9c;color:#fff;text-transform:uppercase;height:90px;padding-top:10px;padding-bottom:10px;}	
}


div#canvas_icons{position:relative;width:100%;margin-top:350px;text-align:center;z-index:10;background:none;}
div#canvas_icons{position:relative;width:100%;margin-top:430px;text-align:center;z-index:10;
background-size: auto;background-position:center 0px;background-repeat:repeat-x;background-image:url('white_half_overlay.png');}

div.icons a{font-size:18px;}
div.icon_lijn{width:40px;margin-top:8px;height:1px;border-bottom:1px solid #fff;margin-left:auto;margin-right:auto;    }
div.icon_links:hover .icon_lijn{width:80px;-webkit-transition-property: width; /* Safari */    -webkit-transition-duration: 1s; /* Safari */
    transition-property: width;    transition-duration: 1s;}


div.icon_menu{margin-left:auto;margin-right:auto;text-align:center;}
div.icons a{color:#fff;text-decoration:none;font-size:22px;}