html, body {
  margin: 0;
  padding: 0;
	height: 100%;
	background-color: #FFFFFF;
 
}

#particle-slider{
	height: 100%;
	width: 100%;
	 justify-self: center;
	cursor: pointer;
	
}

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

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


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

.link{
	margin-top: 4em;
}

.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
}