@media only screen
and (max-width: 800px) {

	footer.mobilenavigation{
		position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    min-height: 40px;
    color: #fff;
    z-index: 100;
    /*
		display: none!important;
		*/
	}

   body #content{
	   overflow-x: hidden;
   }
   
   .country-list{
	   width: 150px;
	   font-size: 35px;
	       margin-left: 10px;
   }
   
   

   
   .sheet.show-sheet{
	   left: 150px;
   }
   
   .place a{
	   font-size: 25px;
   }
   
   .sheet li{
	   height: 25px;
   }
   
   
   .destinations-background{
	       padding-top: 80px;
	       width: auto;
	       overflow-x: hidden;
   }
   
   .destinations-background-image{
	   height: 100%;
	  
	   
   }
   
   .country-list{
	   width: 130px;
   }
   
   .country-list li{
	   margin-bottom: 10px;
   }
   
   
}


@media only screen 
and (max-width: 400px) {
	body{
		overflow-x: hidden;
	}
	.place {
		margin-left: 40px;
	}
	.place a{
	   font-size: 17px;
   }
   
    .country-list{
	    font-size: 30px;
	    width: 140px;
	    margin-left: 10px;
			text-align: right!important;
    }
    
    .sheet.show-sheet{
	    left: 110px;
    }	
    
       .destinations-background{
    padding-top: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
   }
   
     .sheet li{
	   height: 25px;
   }
}