/*
	*
	*	Kodad av Johnny Hammarström
	*	
	*	facebook, instagram:
	*	@ Caffovision
	*
	*	url @ Caffovision.se
	*
	*/
	
	*{margin:0;padding:0;}
	body{width:100%;height:100%;background:#56739c;font-family:arial;margin-bottom:57px;}
	
	.logo[name='top']{
		width:50%;
		height:100px;
		display:block;
		margin: 0 25%;
	}
	
	#top{
		width:60%;
		display:inline-block;
		padding:20px 20% 0 20%;
	}
	
	#top ul{
		width:100%;
		display:inline-block;
		list-style:none;
		color:#fff;
	}
	#top ul li{
		width:33.33%;
		float:left;
		text-align:center;
		box-sizing:border-box;
		padding:20px;
		line-height:32px;
	}
	#top ul li:nth-child(1){
		width:100%;
		text-shadow:0 0 5px #000;
		text-transform:uppercase;
	}
	  #top ul li:nth-child(1) > p{color:#fff;font-style:italic;font-size:11px;}
	#top h3{
		margin-bottom:20px;
		text-shadow:0 0 5px #000;
		text-transform:uppercase;
	}
	
	#map{
		width:60%;
		margin:30px 20%;
		height:250px;
		border-radius:20px;
		box-shadow:0 0 5px #000;
		overflow:hidden;
	}
	
	#fot{
		width:100%;
		padding:20px;
		box-sizing:border-box;
		background:rgba(0, 0, 0, 0.7);
		color:#fff;
		bottom:0;
		left:0;
		position:fixed;
		font-size:14px;
	}
	#fot a{
		color:#ff6600;
		text-decoration:none;
	}
	
	
@media only screen and (max-width: 800px) {
   #top{padding:0;width:100%;margin:0;}
   #top ul{width:100%;}
   #top ul li{
	   float:none;
	   width:100%;
	   padding:20px;
	   background:#fff;
	   display:block;
	   color:#222;
   }
   #top ul li:nth-child(odd){
	   background:none;
	   color:#d0dbeb;
   }
   #top ul li:nth-child(odd) h3{
	   color:#fff;
   }
   
   #top ul li:nth-child(1){background:none;}
   #top h1{color:#fff;}
   #top h3{color:#666;text-shadow:none;}
   
   #map{
	   width:100%;
	   border-radius:0;
	   margin:0;
   }
   
   .logo[name='top']{
	   width:100%;
	   margin:0;
}