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

	.infobox {
		line-height: 150%;
		width: calc(100% - 100px);
    margin: 25px 50px;
	}

}


@media screen  and (max-width: 1500px)  {
	.prjctFlt {
		max-width: 23%;
	}

}

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

	.infobox {
		margin: 0px;
		width: 100%;
		border: none;
	}


	#menucontainer a, .alike {
		font-size: 28px;
		padding: 2px 6px;
	}

	#menucontainer .alike {
		width: 150px;
	}

	#logocontainer {
		max-width: calc(100% - 100px);
		left: calc(50% - 46px);
        transform: translate(-50%, 0%);
	}

	#logocontainer .headerline {
		font-size: 22px;
		text-align: center;
	}

}


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

	.prjctFlt {
		max-width: 31%;
	}

	.bandtable {
		min-width: 1200px;
	}

	#mobilemenu {
		display: inline-block;
		vertical-align: top;
		font-size: 30px;
		padding: 8px;
	}

	#menucontainer {
		position: fixed;
		top: 40px;
		left: 0px;
		width: 100%;
		background: #000;
		padding: 40px;
		display: none;
	}

	#menucontainer a, .alike {
		display: block;
		padding: 10px;
	}


}



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

	.prjctFlt {
		max-width: 47%;
	}

	.hlf {
		width: 100%;
		max-height: fit-content;
	}

	.bandcontainer img, .bandcontainer .frm {
		width: 100%;

	}	

	.shpNlblk, .subContainer {
		width: 100%;
	}

	.ttl {
		padding: 0px;
		margin: 0px;
	}

	#logocontainer img {
		height: auto;
		max-height: 100px;
	}

	body {
		background-size: 200%;
		background-position: center;

	}



}



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

	.prjctFlt {
		max-width: 100%;
	}

	#socials a {
		display: block;
	}

	#logocontainer .headerline {
		white-space: nowrap;
	}

}