body{
    background-image: url("../images/world-contries.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    /* height: 340px; You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.typeahead { border: 2px solid #FFF;border-radius: 4px;padding: 8px 12px;max-width: 300px;min-width: 290px;background: rgba(66, 52, 52, 0.5);color: #FFF;}
	.tt-menu { width:300px; }
	ul.typeahead{margin:0px;padding:10px 0px;}
	ul.typeahead.dropdown-menu li a {padding: 10px !important;	border-bottom:#CCC 1px solid;color:#FFF;}
	ul.typeahead.dropdown-menu li:last-child a { border-bottom:0px !important; }
	.bgcolor {
		
		/* width: 30%; */
		 height:340px;  
		/* background:url("../images/world-contries.jpg") no-repeat center center; */
		/* padding: 100px 10px 130px;
		border-radius:4px;
		text-align:center;
        margin:10px; float:left; */
    }
	.demo-label {font-size:1.5em;color: #686868;font-weight: 500;color:#FFF;}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		text-decoration: none;
		background-color: #1f3f41;
		outline: 0;
	}

	.countries {
        
        
		/* margin-top:10px;
		height:340px;
       
		border-radius:4px; 
        overflow:hidden;
        float:left;
        padding: 15px;
        background:slategray; */
		color:white;
        background-color: #183153;
        display:none;
        border-radius: 10px; 
        border: 2px solid white;
        padding: 15PX;
		
		
    }
    .flag img{
        width: 90%;
        height:100%;
        margin: 6px auto;
        display:block;
    }
	.details, .flag, .map, .population, #weather{
        display:none;
        height:auto;
        border-radius: 4px;
        padding:10px;
        /* font-variant: small-caps; */
        font-weight: bolder;
        border: 2px solid white;

        
       
    }
    #data{
        display: none;
    }
    .map-frame{
        width: 90%;
        height: 300px;
        border-radius:4px;
        margin:15px auto;
    }