div#mainhero.box-row{
	margin: 13px auto 13px auto;
}
div#mainhero.box-row > div.box{
	float: none;
	padding: 13px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 35% top;
}
div#mainhero.box-row.wielkanoc > div.box{
	background-image: url(/utils/img/mainhero/wielkanoc.jpg);
}
div#mainhero.box-row.bnarodzenie > div.box{
	background-image: url(/utils/img/mainhero/bnarodzenie.jpg);
}
div#mainhero.box-row > div.box > p{
	padding: 0 0;
  font-weight: 500;
  line-height: 170%;
  text-transform: uppercase;
  color: #f4f4f2;
  font-size: 12px;
  text-shadow: 0 0 8px #004c37;
}
div#mainhero.box-row > div.box > p:first-child{
	font-weight: 500;
}

div#mainhero.box-row.wielkanoc > div.box > p{
	color: #4f8701;
	text-shadow: 0 0 8px #fff;
}
div#mainhero.box-row.wielkanoc > div.box > p > span{
	color: #e77800;
}

div#mainhero.box-row.bnarodzenie.movieyt > div.box > p {
	&:nth-child(1) {
		margin: 13px 0 0 0;
	}
	&:nth-child(2) {
		margin: 0 0 8px 0;
	}
}
div#mainhero.box-row.bnarodzenie.movieyt > div.box > iframe {
	margin: 21px 0;
	width: 100%;
	max-width: 460px;
	aspect-ratio: 16/9;
	border: 0 none transparent;
	box-shadow: 0 0 13px 8px #00000045;
}


div#mainhero.box-row.covid19 > div.box {
	background-color: #feed5c;
	background-image: none;
}
div#mainhero.box-row.covid19 > div.box > p {
		color: #000;
		text-shadow: none;
}


@media only screen and (min-width: 320px){

}


@media only screen and (min-width: 340px){
	div#mainhero.box-row > div.box > p:first-child{
		font-size: 13px;
	}
}


@media only screen and (min-width: 360px){
	div#mainhero.box-row > div.box > p:first-child{
		font-size: 14px;
	}
}


@media only screen and (min-width: 380px){
	div#mainhero.box-row > div.box > p:first-child{
		font-size: 15px;
	}
}


@media only screen and (min-width: 420px){
	div#mainhero.box-row > div.box{
		padding: 21px;
	}
	div#mainhero.box-row > div.box > p:first-child{
		font-size: 16px;
	}
}


@media only screen and (min-width: 480px){
	div#mainhero.box-row > div.box{
		padding: 21px 34px;
	}
}


@media only screen and (min-width: 560px){
	div#mainhero.box-row > div.box{
		padding: 21px 55px;
	}
}


@media only screen and (min-width: 1025px){
	div#mainhero.box-row {
	  padding: 0 8px;
	  margin: 21px auto 21px auto;
	}
	div#mainhero.box-row > div.box > p:first-child {
	  font-size: 17px;
	}
}