// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


/* ---------- */
/* NAVIGATION */
/* ---------- */



@media only screen and (max-width: 870px) {
	/* .nogakontakt p{
		width: 100vw;
	}

	.nogaoks, .nogapovezave p {
		width: 50vw;
		margin-bottom: 12px;
	} */

	.nogakontakt {
		width: 100vw;
	}

	.nogaoks, .nogapovezave {
		width: 50vw;
	}

	.hero-logo img {
  		width: 80vw;
  		margin-left: 10vw;
  	}	

	.tenistekst p {
		width: 80vw;
		font-size: 16px;
	}

	.cenik1, .cenik2 {
  		width: 80vw;
  		margin-left: auto;
  		margin-right: auto;
  		font-size: 14px;
	}

	.cenik1 p {
		font-size: 14px;
	}

	.tenistekst2 p {
  		width: 80vw;
  		font-size: 14px;
	}

	.row {
		width: 80vw;
	}

	.tekstonas1, .tekstonas2, .tekstonas3 {
		width: 100vw;
		font-size: 14px;
	}

	.tekstonas2 p, .tekstonas3 p {
		font-size: 14px;
	}

	.tekstonas1 p, .tekstonas2 p, .tekstonas3 p {
		width: 80vw;
	}

	.tekstonas2 h3, .tekstonas3 h3 {
		width: 80vw;
	}

	.trenerji {
		width: 80vw;
	}

}


@media only screen and (max-width: 780px) {

	.tenistekst p, .cenik1, .cenik2, .tenistekst2 p, 
	.tekstonas1 p, .tekstonas2 p, .tekstonas3 p, 
	.tekstonas1 h3, .tekstonas2 h3, .tekstonas3 h3, .trenerji {
		width: 92vw;
	} 

	.nogapovezave p {
  		line-height: 1.6;
	}

}