@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap');
*
{
	margin:0;
	box-sizing:border-box;
}
html
{
	background:#fff;
	height:100%;
	width:100%;
	font-size: 16px;
	line-height: 1.7;
	background: #fff url(../images/bgtop.png); 
	background-size: cover;	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
}
body
{
	font-family: 'Quicksand', sans-serif;
	color: #1E3042;
	height:100%;
	width:100%;
	display:block;
	margin:0 auto;
}
.fullHeight{
	min-height: 100vh;
}


#mainWrapper {

	margin-top: 2rem;
	max-width:1100px;
	margin:0 auto;
	display:block;
}

.topPart{
	text-align: center;
}
.headings{
	padding-left: 10px;
	padding-right: 10px;
}
.content{
	content:"";
    clear: both;
	padding: 10px 10px;
	border-radius: 30px;
	margin-bottom: 2rem;
	margin-top: 10px;
}
p{
	margin-bottom: .8em;
}


h2{
	font-size: 1,5rem;
	color: #1E3042;
	font-weight: bold;
	padding-bottom: 10px;
}
h3{
	font-size: 1,2rem;
	color: #1E3042;
	font-weight: bold;
	padding-bottom: 10px;
}
#cyc{
	text-align: center;
	margin-bottom: 20px;
}
a, a:visited
{
	color:#be1388;
}
a:hover
{
	color:#be1388;
}
#container
{
	margin-top: 2rem;
	max-width:1100px;
	margin:0 auto;
	display:block; 
}
#header
{
	display:block;
	margin-bottom:40px;
	width:100%;
}
#logo
{
	margin-top: 8px;
}

.topimg{
	float:right;
	max-width: 100%;
	padding:0;
}
.topimg2{
	float:left;
	max-width: 100%;
	padding:0;
}


#menu
{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	font-weight:bold;
	font-size:14px;
	padding:10px;
	max-width: 1100px;
	margin:0 auto;
	/* background-color:#1E2328; */
	/* display: inline-block; */
}

#menu ul {
	padding:0;
	list-style:none;
	margin:0;
}
#menu ul li {

	float:left;
	margin:10px;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menu li:hover {
	color: rgba(30, 35, 40,.7);
}
#menu li:active {
	color: rgba(30, 35, 40,.7);
}

#menu a {
	font-weight:bold;
	color:#1E2328;
	text-decoration:none;
	cursor:pointer;
}
#menu a:active{
	color: rgba(30, 35, 40,.7);
}
#menu a:visited{
	color: rgba(30, 35, 40,.7);
}


/* #menu li.active, .active a {
	color:rgba(30, 35, 40,.7);
}
#menu li.active:hover {
	color:rgba(30, 35, 40,.7);
} */
#content {
	position:relative;
	height:100%;
	width:100%;
	padding:0 0 60px;
}


.title{
	font-size: 4rem;
	padding-top: 80px;
	font-weight: bold;
	line-height: 1.2;
	font-weight: 700;
}

.flags
{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.vlag
{
	padding:10px;
	border-radius:30px;
	overflow:hidden;
	transform: scale(1);
	transition:all .5s;
	width:200px;
}
.vlag:hover
{
	z-index:100000;
	transform:scale(1.1);
}
.country{
	margin: 15px auto;	
	padding: 0 20px;
}
.countryname{
	color: #fff;
    font-size: 17px;
    padding: 10px 0 10px;
    width: 78%;
    margin: auto;
    font-weight: bold;
    background: #1e3042;
    font-weight: bold;
    border-radius: 60px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	cursor: pointer;
	text-align: center;
}

.langswitch{
	color: #fff !important;
    font-size: 17px;
    padding: 10px 15px;
    width: auto;
    margin: auto;
    font-weight: bold;
    background: #1e3042;
    font-weight: bold;
    border-radius: 60px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
#footer {
	width:100%;
	/* max-width:920px; */
	bottom:10px;
	left:0;
	line-height:15px;
	padding:5px 20px;
	text-align:center;
	color:#1E3042;;
	font-weight: bold;
	font-size: 14px;
}

/* menu2 */

#menu-2 {
	display: none;
}
.dropbtn {

color: #fff;
font-size: 15px;
padding: 5px 10px;
font-weight: bold;
background: #1e3042;
border-radius: 60px;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
cursor: pointer;
text-align: center;
border: none;
height: 40px;
margin: auto 0;

}
.ham{
	width: 20px;
    height: 2px;
    background-color: #fff;
	display: flex;
	margin: 5px auto;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #1e3042;
  outline: none;
}

.dropdown {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	font-weight:bold;
	font-size:14px;
	padding:10px;
	max-width: 1100px;
	margin:0 auto;
	transition: all .3s;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, .95);
  min-width: 160px;
  overflow: auto;
  z-index: 1;
  text-align: center;
  width: 100%;
  margin-top: 50px;
}

.dropdown-content li{
	list-style: none;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
@media only screen and (max-width: 1100px)
{
	.vlag
	{
		width:100%;
	}
	ul
	{
		display:block;
	}
	#mainWrapper{
		width: 95%;
	}
	.title{
		font-size: 3.5rem;
		padding-top: 60px;
	}
	
	
}
@media only screen and (max-width: 800px)
{
	html{
		background-position: top right;
	}
	#menu{
		display: none;
	}
	#menu-2 {
		display: flex;
	}
	.title{
		font-size: 2rem;
	}
	
}
@media only screen and (max-width: 500px)
{
	
	
	#menu ul li {
		margin: 5px 10px 0 0;
		padding: 5px 10px 0 0;

	}
	.title{
		font-size: 2rem;
		padding-top: 10px;

	}
	.titlelang{
		text-align: center;
	}
	.topimg{
		float: none;
		width: 60%;
	}
	.topimg2{
		float: none;
		width: 60%;
	}
	
}