@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 767px){
	
	#particle-slider{
display: none;
	
}

.main-grid{
	display: grid;
	grid-template-columns: auto;
	grid-auto-rows: 100vh;
}

.text-naslov{
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	padding: 0 0em 2em 0em;
	color: #2d545e;
	text-align: center;
}


.text{
     align-self: center;
	padding: 0 10vw 0 10vw;
	font-family: 'Montserrat', sans-serif;
	color: #2d545e;
 	text-align: justify;
	
}

.link{
	margin-top: 6em;
	text-align: center;
}

.link a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	padding: 10px 15px;
	border: 1px solid #ffffff;
	border-radius: 3px;
	transition: 1s;
	font-family: 'Montserrat', sans-serif;
	background-color: #2d545e;
}

.link a:hover{
	color: #2d545e;
	transition: 0.5s;
	border: 1px solid #999999;
	background-color: #FFFFFF
}

}






/* TABLET */

@media screen and (max-width: 1201px) and (min-width: 767px) {
	.mobile-body{
		display: none;
		
	}
	
	#particle-slider{
display: none;
	
}

.main-grid{
	display: grid;
	grid-template-columns: auto;
	grid-auto-rows: 100vh;
}

.text-naslov{
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	padding: 0 0em 2em 0em;
	color: #2d545e;
	text-align: center;
}


.text{
     align-self: center;
	padding: 0 10vw 0 10vw;
	font-family: 'Montserrat', sans-serif;
	color: #2d545e;
 	text-align: justify;
	
}

.link{
	margin-top: 6em;
	text-align: center;
}

.link a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	padding: 10px 15px;
	border: 1px solid #ffffff;
	border-radius: 3px;
	transition: 1s;
	font-family: 'Montserrat', sans-serif;
	background-color: #2d545e;
}

.link a:hover{
	color: #2d545e;
	transition: 0.5s;
	border: 1px solid #999999;
	background-color: #FFFFFF
}

	
}