* {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


body {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	font-family: 'Maven Pro', sans-serif;
}

.container-fixer {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}


/*HEAD*/
header {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding: .5rem 6rem;
	background: #232f3e;
	min-height: 80px;
}

.header__logo{

    width: 20%;

}

.header__logo img{
    max-width: 150px;
    width: 100%;
    height: auto;

}

/*MIDDLE*/

.container {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 flex-direction: row;
 width: 100%;
 margin-top: auto;
 margin-bottom: auto;
}

.drzava {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #6D7474;
	font-size: 16px;
}

.editContent {
    text-align: center;
}

.country-flag {
    width: 100%;
    height: auto;
}


/*FOOTER*/

.container_2 {
	display: flex;
	justify-content: center;
	width: auto;
	height: 100px;
	background-color:#232f3e;
	align-items: center;
	color: #fff;
}


/*@media*/

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

    header{

        justify-content: center;

        padding: 0;

    }

    .header__logo{

        width: 100%;

        text-align: center;

    }
}

@media only screen and (max-width: 566px) {
    
    .drzava {
        margin: 20px;
    }

	.drzava a img{
	width: 100px;
	height: auto;
}

.container h4 {
	font-size: 12px;
}

.container_2 {
	font-size: 12px;
}

}

/* Webflow design fixes - SO Netherlands is in line with other countries */
.discription_text {
	visibility: hidden;
  }