@media only screen and (min-width: 1200px) {
html {
	padding: 0;
	margin: 0;
}
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
div.main-box {
	display: flex;
	align-content: row;
	justify-content: center;
	align-items: center;
	gap: 0.7vw;
/*	overflow: hidden;*/
	background-color: #e75a22;
	height: 12vw;
	width: 80vw;
	margin: auto;
	border: 6vw solid ;
	border-image: url('../border-image/border-image.svg') 100 round;
	padding: 10px;
}


 div[class^='menu'] {
 	background-color: #efd20f;
	width: 10vw;
	height: 120px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 0.5vw;
	box-sizing: border-box;
 	border-radius: 150px;
 }

 div[class^='up-menu'] {
 	width: 9.5vw;
 	height: 120px;

 	overflow: hidden;
/*	overflow: visible;*/
 	display: flex;
 	flex-direction: column;
/* 	flex-wrap: nowrap;*/
 	background-color: #efd20f;
/* 	padding: 0.5vw;*/
 	box-sizing: border-box;
/* 	display: inline-block;*/
 	border-radius: 150px;
/* 	justify-content: center;*/
/*	align-items: center;*/
	z-index: 1000;
 }
 div.up-menu:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;

 }
 div.up-menu-2:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;

 }
 div[class^='under'] {
 	width: 8vw;
	height: 120px;

	display: flex;
 	justify-content: center;
 	align-items: center;
 	background-color: #efd20f;
 	


 }
/* za opravqne sled malko */
 div[class^='under'] a {
 	margin: auto;
 	width: 7vw;
 	height: 120px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	font-size: 1.5vw;	
 
 }
div[class^='menu'] a {
	font-size: 1.5vw;
}
/*------------- SECTION -------------*/
div.border-image {
	width: 80vw;
	height: auto;
	margin: auto;
	border: 6vw solid ;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	padding: 10px;
	display: flex;
 	flex-direction: column;
 	flex-wrap: wrap;
 	justify-content: center;
 	z-index: 100;

}

p.left-text {
	text-align: left;
	font-size: 1.2vw;
}
div.border-image h1 {
	font-size: 2vw;
	/*margin: 1vw;*/

}
.logo {
	width: 16vw;
	height: 16vw;

}
.center {
	display: flex;
	justify-content: center; 
	align-items: center;
}

/* -------------- FOOTER -------------*/

div.div-flex-footer {
	width: 80vw;
	height: 13vw;
	margin: auto;
	border: 6vw solid ;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;	
	flex-direction: row;
	align-items: center;
	padding: 10px;

}
div.footerDiv div {
		font-size: 1.5vw;
		
}
div.footerDiv2 div {
		font-size: 1.5vw;

}
div.footerDiv {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: center;



}
div.footerDiv2 {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start


}

}





/*For mobile devices*/


@media only screen and (max-width: 599px) {
html {
padding: 0;
margin: 0;
/*overflow: visible;*/
/*box-sizing: border-box;*/
}
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
div.main-box {
	display: flex;
	flex-wrap: wrap;
	align-content: row;
	justify-content: center;
	align-items: center;
	gap: 0.7vw;
/*	overflow: hidden;*/
	background-color: #e75a22;
	height: 45vw;
	width: 90vw;
	margin: 0;
	border: 4vw solid ;
	border-image: url('../border-image/border-image.svg') 100 round;
}


 div[class^='menu'] {
 	background-color: #efd20f;
/* 	width: 105px;*/
	width: 13vw;
/* 	height: 50px;*/
	height: 13vw;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 0.5vw;
	box-sizing: border-box;
 	border-radius: 150px;
 	z-index: 100;
 }

 div[class^='up-menu'] {
 	width: 13vw;
 	height: 13vw;

 	overflow: hidden;
/*	overflow: visible;*/
 	display: flex;
 	flex-direction: column;
/* 	flex-wrap: nowrap;*/
 	background-color: #efd20f;
/* 	padding: 0.5vw;*/
 	box-sizing: border-box;
/* 	display: inline-block;*/
 	border-radius: 150px;
/* 	justify-content: center;*/
/*	align-items: center;*/
 	z-index: 10000;
	
 }
 div.up-menu:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;
 	z-index: 10000;

 }
 div.up-menu-2:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;
 	z-index: 10000;
 }
 div[class^='under'] {
 	width: 13vw;
	height: 13vw;

	display: flex;
 	justify-content: center;
 	align-items: center;
 	background-color: #efd20f;
 	


 }
 div[class^='under'] a {
 	margin: auto;
 	width: 1vw;
 	height: 13vw;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	font-size: 2.5vw;	
 
 }
div[class^='menu'] a {
	font-size: 2.5vw;
}

/*------------- SECTION -------------*/

div.border-image {
	width: 90vw;
	height: auto;
	margin: 0;
	border: 4vw solid ;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;
 	flex-direction: column;
 
 	justify-content: flex-start;
 	align-items: center;
 	z-index: 100;
 	gap: 2vw;



}


p.left-text {
	text-align: left;
	font-size: 3.6vw;
	margin: 1vw;
}
div.border-image h1 {
	font-size: 6vw;
	/*margin: 1vw;*/

}
.logo {
	width: 16vw;
	height: 16vw;

}
.center {
	display: flex;
	justify-content: center; 
	align-items: center;
}


/* -------------- FOOTER -------------*/


div.div-flex-footer {
	width: 90vw;
	height: 35vw;
	margin: 0;
	border: 4vw solid;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;	
	flex-direction: row;
	align-items: center;


}

div.footerDiv div {
		font-size: 3vw;
		
}
div.footerDiv2 div {
		font-size: 3vw;

}
div.footerDiv {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: center;



}
div.footerDiv2 {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start


}
}


/* Styles for tablets */
@media only screen and (min-width: 600px) and (max-width: 899px) {
   

html {
	padding: 0;
	margin: 0;
	overflow: visible;

}
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

div.main-box {
	display: flex;
	flex-wrap: wrap;
	align-content: row;
	justify-content: center;
	align-items: center;
	gap: 0.7vw;
/*	overflow: hidden;*/
	background-color: #e75a22;
	height: 45vw;
	width: 90vw;
	margin: 0;
	border: 4vw solid ;
	border-image: url('../border-image/border-image.svg') 100 round;
}


 div[class^='menu'] {
 	background-color: #efd20f;
/* 	width: 105px;*/
	width: 13vw;
/* 	height: 50px;*/
	height: 13vw;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 0.5vw;
	box-sizing: border-box;
 	border-radius: 150px;
 	z-index: 100;
 }

 div[class^='up-menu'] {
 	width: 13vw;
 	height: 13vw;

 	overflow: hidden;
/*	overflow: visible;*/
 	display: flex;
 	flex-direction: column;
/* 	flex-wrap: nowrap;*/
 	background-color: #efd20f;
/* 	padding: 0.5vw;*/
 	box-sizing: border-box;
/* 	display: inline-block;*/
 	border-radius: 150px;
/* 	justify-content: center;*/
/*	align-items: center;*/
 	z-index: 10000;
	
 }
 div.up-menu:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;
 	z-index: 10000;

 }
 div.up-menu-2:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;
 	z-index: 10000;
 }
 div[class^='under'] {
 	width: 13vw;
	height: 13vw;

	display: flex;
 	justify-content: center;
 	align-items: center;
 	background-color: #efd20f;
 	


 }
 div[class^='under'] a {
 	margin: auto;
 	width: 1vw;
 	height: 13vw;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	font-size: 2.5vw;	
 
 }
div[class^='menu'] a {
	font-size: 2.5vw;
}
/*------------- SECTION -------------*/

div.border-image {
	width: 90vw;
	height: auto;
	margin: 0;
	border: 4vw solid ;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;
 	flex-direction: column;
 
 	justify-content: flex-start;
 	align-items: center;
 	z-index: 100;
 	gap: 2vw;

}


p.left-text {
	text-align: left;
	font-size: 3.6vw;
	margin: 1vw;
}
div.border-image h1 {
	font-size: 6vw;
	/*margin: 1vw;*/

}
.logo {
	width: 16vw;
	height: 16vw;

}
.center {
	display: flex;
	justify-content: center; 
	align-items: center;
}


/* -------------- FOOTER -------------*/

/*div.div-flex {
	display: flex;
}*/
div.div-flex-footer {
	width: 90vw;
	height: 20vw;
	margin: 0;
	border: 4vw solid ;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;	
	flex-direction: row;
	align-items: center


}

div.footerDiv div {
		font-size: 3vw;
		
}
div.footerDiv2 div {
		font-size: 3vw;

}
div.footerDiv {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: center;



}
div.footerDiv2 {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start


}

}


/* Styles for small desktops */
@media only screen and (min-width: 900px) and (max-width: 1199px) {
    
html {
	padding: 0;
	margin: 0;
	overflow: visible;

}
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
div.main-box {
	display: flex;
	flex-wrap: wrap;
	align-content: row;
	justify-content: center;
	align-items: center;
	gap: 0.7vw;
/*	overflow: hidden;*/
	background-color: #e75a22;
	height: 160px;
	width: 90vw;
	margin: 0;
	border: 6vw solid ;
	border-image: url('../border-image/border-image.svg') 100 round;
}


 div[class^='menu'] {
 	background-color: #efd20f;
/* 	width: 105px;*/
	width: 7.5vw;
/* 	height: 50px;*/
	height: 5vw;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 0.5vw;
	box-sizing: border-box;
 	border-radius: 150px;
 	z-index: 100;
 }

 div[class^='up-menu'] {
 	width: 7.5vw;
 	height: 5vw;

 	overflow: hidden;
/*	overflow: visible;*/
 	display: flex;
 	flex-direction: column;
/* 	flex-wrap: nowrap;*/
 	background-color: #efd20f;
/* 	padding: 0.5vw;*/
 	box-sizing: border-box;
/* 	display: inline-block;*/
 	border-radius: 150px;
/* 	justify-content: center;*/
/*	align-items: center;*/
 	z-index: 10000;
	
 }
 div.up-menu:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;
 	z-index: 10000;

 }
 div.up-menu-2:hover {
 	overflow: visible;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: nowrap;
 	width: auto;
/* 	height: auto;*/
 	border-radius: 150px;
 	z-index: 10000;
 }
 div[class^='under'] {
 	width: 7.5vw;
	height: 5vw;

	display: flex;
 	justify-content: center;
 	align-items: center;
 	background-color: #efd20f;
 	


 }
 div[class^='under'] a {
 	margin: auto;
 	width: 1vw;
 	height: 5vw;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	font-size: 1.5vw;	
 
 }
div[class^='menu'] a {
	font-size: 1.5vw;
}
/*------------- SECTION -------------*/

div.border-image {
	width: 90vw;
	height: auto;
	margin: 0;
	border: 6vw solid ;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;
 	flex-direction: column;
 
 	justify-content: flex-start;
 	align-items: center;
 	z-index: 100;
 	gap: 2vw;
	/*margin: 1vw;*/
 	


}


p.left-text {
	text-align: left;
	font-size: 3.6vw;
	margin: 1vw;

}
div.border-image h1 {
	font-size: 6vw;
}
.logo {
	width: 16vw;
	height: 16vw;

}
.center {
	display: flex;
	justify-content: center; 
	align-items: center;
}


/* -------------- FOOTER -------------*/

/*div.div-flex {
	display: flex;
}*/
div.div-flex-footer {
	width: 90vw;
	height: 12vw;
	margin: 0;
	border: 6vw solid;
	border-top: 0;
	border-image: url('../border-image/border-image.svg') 100 round;
	display: flex;	
	flex-direction: row;
	align-items: center;


}

div.footerDiv div {
		font-size: 1.5vw;
		
}
div.footerDiv2 div {
		font-size: 1.5vw;

}
div.footerDiv {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: center;



}
div.footerDiv2 {
	width: 45vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start


}


}