.profile a{
	padding: 15px;
	color:rgb(6, 17, 60);
	font-size:1.1rem;
	font-size: 30px;
}

#Kontakt {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: auto;
	height: auto;
	background-image: url("../images/glavna.jpg");
	padding: 150px;
}
.profile{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgb(240, 243, 255, 0.5);
	margin-top: 150px;
	margin-left: 15px;
	box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
	height: 300px;
}
.profile a:hover{
	color:rgb(21, 245, 186);
	transition: all ease 0.3s;
}
.contact-box{
	background-color:rgb(6, 17, 60, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 600px;
	padding: 30px 30px;
	box-shadow: 1px 0px 30px rgba(0,0,0,0.1);
}
.c-heading h1{
	color: rgb(240, 243, 255);
	font-size: 2.5rem;
	font-weight: lighter;

}
	
.c-inputs{
	margin: 15px 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.c-inputs input{
	width:250px;
	height: 45px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(251,251,251,0.1);
	outline: none;
	margin: 10px 0px;
	padding: 10px;
	box-sizing: border-box;
	color: rgb(240, 243, 255);
	display: flex;
}
.c-inputs textarea{
	width:250px !important;
	height: 200px !important;
	outline: none;
	background-color: transparent;
	border:1px solid rgba(82,82,82,1);
	color: rgb(240, 243, 255, 0.5);
	padding: 10px;
	font-size: 1.2rem;
	box-sizing: border-box;
}
.c-inputs button{
	position: relative;
	display: flex;
	justify-content: center;
	width:200px;
	height: 40px;
	background-color: #FFFFFF;
	color: rgb(6, 17, 60);
	border: none;
	outline: none;
	margin-top: 20px;
	margin-left: 25px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 30px rgba(124, 72, 72, 0.1);
	letter-spacing: 1px;
}
.c-inputs button:hover{
	background-color: rgb(21, 245, 186);
}
.c-inputs input:focus{
	border-bottom: 1px solid rgba(252,252,252,1.00);
	transition: all ease 0.5s;
}
.c-inputs textarea:focus{
	border: none;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	transition: all ease 0.5s;
	background-color: rgba(0,0,0,0.1);
}
.c-inputs button:active{
	transform: scale(1.02);
}
.map{
	filter: grayscale(0.2);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
	border: 1px solid #FFFFFF;
	width: 600px;
	height:600px; 
}
.map iframe {
	width: 600px;
	height:600px;

}
@media(max-width:1300px){
	#Kontakt{
		justify-content: center;
		align-items: center;
		text-align: center;
		width: auto;
		padding: auto;
	}
	.profile {
		justify-content: center;
		align-items: center;
		height: 300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0;

	}
	.c-inputs {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		}

	.map{
		width: 400px;
		height: 600px;
	}
	.map iframe{

		width: 400px;
		height: 600px;
	}
}
@media(max-width:1100px){
	#Kontakt{
		padding: auto;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.profile {
		width: 250px;
		height: 50px;
		display: flex;
		flex-direction: row;

	}
	.c-inputs {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		}

	.map{
		width: auto;
		height: auto;
	}
	.map iframe{

		width: 600px;
		height: 300px;
	}
}
@media(max-width:610px) {
	#Kontakt{
		padding: auto;
		display: flex;
		flex-direction: column;
		position: relative;
		width: 100%;
	}
	.profile a{
		padding: 10px;
		font-size: 20px;
	}
	.profile {
		width: 180px;
		height: 35px;
		display: flex;
		flex-direction: row;

	}
	.c-inputs {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		}
		.contact-box{
			width: 400px;

		}
	.map{
		width: auto;
		height: auto;
	}
	.map iframe{

		width: 400px;
		height: 300px;
	}
}
@media (max-width: 610px){
.contact-box {
    width: 350px;
}

.map iframe{

	width: 350px;
	height: 300px;
}
}