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


.main-section{
	min-height:100vh;
	display: grid;
	align-content: center;
	padding-top: 20vh;
}

.main-text{
	padding: 0 10vw;
}

.main-text h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #2d545e;
	padding-bottom: 5vh;
}

.main-text p{
	font-family: 'Montserrat', sans-serif;
	color: #999999;
}

.main-text li{
	font-family: TT Squares Condensed Light;
	color: #999999;
	padding-top: 5vh;
}

.main-text img{
	width: 7vw;
}

#onno-prodaja{
	margin-top: 5vh
}




#distributeri{
	display: grid;
	grid-template-columns:auto;
	grid-template-rows: auto auto;
	grid-row-gap: 0em;
	margin-top: 7vh;
	padding-bottom: 15vh;
}

#distributeri h4{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #2d545e;
	padding-bottom: 5vh;
}

#distributeri img{
	width: 7vw;
	justify-self:left;
	align-self: center;
}

#distributeri p{
	justify-self:left;
	align-self: center;
	margin-top: 1em;
}






/* MOBILE */

@media screen and (max-width: 767px){
	
	.main-text{
		margin-top: 0vh;
	}
	
	.link{
		padding-bottom: 6vh;
	}
	
	.main-text img{
		width: 40%;
	}
	
	#onno-prodaja{
		margin-top: 6vh;
	}
	
	#distributeri{
		margin-top: 10vh;
	}
	
	#distributeri img{
		width: 40%;
	}
}


/* TABLET */

@media screen and (max-width: 1201px) and (min-width: 767px){
	
	.main-text h1{
		text-align: left;
	}
}