body {
	background: transparent url('../img/header_2.jpg') left top no-repeat;
	margin: 0;
}

#header {
	background: transparent;
	height: 150px;
}
#header h1 {
	color: white;
    text-shadow: 2px 2px 4px #000000;
	font-size: 40px;
}
#header p {
	color: white;
    text-shadow: 2px 2px 4px #000000;
}
#content {
	/* border-left: 1px solid silver; */
	/* border-right: 1px solid silver; */
}

.jumbotron {
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: left; 
	padding-left: 50px; 
	padding-right: 50px; 
	background-color: transparent !important;
}




.kolom {
	padding-left: 0px;
	padding-right: 0px;
}



/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 


/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.kolom{font-size: 10px;}
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.kolom{font-size: 10px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.kolom{font-size: 11px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.kolom{font-size: 12px;}
}


/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 576px) { 
	.kolom{font-size: 9px;} 
}




.countries {
	font-size: 14px;
}

.nav-item {
	line-height: 9px!important;
}