@media all and (max-width: 1320px){
	.flogo {display:none;}
	.blockdn {background-image:url(./PF/rotrtitleres.jpg);}
}

@media all and (max-width: 1150px){
	.header ul {flex-wrap: wrap;}
	.headera ul {flex-wrap: wrap;}
	.headercv ul {flex-wrap: wrap;}
	.headersc ul {flex-wrap: wrap;}
	.headerdn ul {flex-wrap: wrap;}
	
	.leftside {width:100%; padding-right:0;padding-bottom:4em;text-align:center;}
	.rightside {width:100%; padding-left:0;text-align:center;}
	
	.block1 .wrap {display: flex; flex-direction: column;}
	.block1cv .wrap {display: flex; flex-direction: column;}
	.block1dn .wrap {display: flex; flex-direction: column;}
	.blockdnfof {background-image:url(./PF/fofixcr.jpg);}
	.block1dns4 .wrap {display: flex; flex-direction: column;}
	.block2dn .wrap {display: flex; flex-direction: column-reverse;}
	.block2dn .rightside {padding-bottom:4em;}
	.block2dn .leftside {padding-bottom:0;}
	.videoholder video { width: 80%; height: auto;}
	
	.block2 h3 {font-size:2em;}
	
	.grid {display: flex;flex-direction:column;text-align:center;}
	.grid img {padding-bottom: 4em;}
}

@media all and (max-width: 1050px){
	.icons {flex-wrap:wrap;}
	.flogo {display:block;align-self:center;}
	.block2 h3 {font-size:1.5em;}
	.blockdns4 {background-image:url(./PF/s4bgcr.jpg);}
	.blockdnp2 {background-image:url(./PF/portal2cr.jpg);}
	
	.contact {padding: 2em 0;}
}

@media all and (max-width: 800px){
	.banner h1 {font-size:10em;}
	.banner h2 {font-size:3em;}
	
	.block1 {padding-bottom: 6em; padding-top: 4em;}
	.block1cv {padding-bottom: 6em; padding-top: 4em;}
	.blockdn {background-image:url(./PF/rotrban.jpg);}
	.block1dn {padding-bottom: 3em; padding-top: 3em;}
	.block1dn .leftside {padding-bottom: 0;}
	.block2dn {padding-bottom: 6em; padding-top: 4em;}
	.block2 {padding: 4em 0;}
	.block2 h3 {font-size:2.2em;}
	.block3 {padding-bottom: 4em; padding-top: 0;}
	
	.text p:last-child {margin-bottom:1em;}
	
	.grweb {display: flex;flex-direction:column;}
	.grweb div:not(.icon-holder) {margin: 1em 0;}
	
	.reads {padding-top:4em;display: flex; flex-direction:column;}
	.reads div {width:100%;text-align:center;padding:2em 0;}
	.reads h3 {text-align:center;}
	.reads p {text-align:center;}
}

@media all and (max-width: 660px){
	.pdfs li .buttons a { font-size:1.2em;}
	.block1 h1 {font-size:4em;}
	.block1 h2 {font-size:2em;}
	.block1cv h1 {font-size:4em;}
	.block1cv h2 {font-size:2em;}
	.block1a h3 {text-align:center;}
	.block2a {background-image:url(./PF/hyenabblcr.jpg);}
	.block2a h3 {text-align:center;}
	.block3a {background-image:url(./PF/hyenasblcr.jpg);}
	.block3a h3 {text-align:center;}
	.block4a {background-image:url(./PF/tattoosbblcr.jpg);}
	.block4a h3 {text-align:center;}
	.block5a {background-image:url(./PF/tattoosblcr.jpg);}
	.block5a h3 {text-align:center;}
	.footera {background-image:url(./PF/hyenasblcrp.jpg);}
	.block2aa {background-image:url(./PF/hyenabcr.jpg);}
	.block3aa {background-image:url(./PF/hyenascr.jpg);}
	.block4aa {background-image:url(./PF/tattoosbcr.jpg);}
	.block5aa {background-image:url(./PF/tattooscr.jpg);}
	.block1dns4 {background-image:url(./PF/hyenablcr.jpg);}
	.block1dn h1 {font-size:4em;}
	.block1dn h2 {font-size:2em;}
	.block2dn h1 {font-size:4em;}
	.block2dn h2 {font-size:2em;}
	.blockdnnc {background-image:url(./PF/nightcagecr.jpg);}
	.videoholder video { width: 90%; height: auto;}
	.block2s h1 {font-size:4em;}
	.block2s h2 {font-size:2em;}
	.images ul {display: flex; flex-direction: column;align-items:center;}
	.images li {width:100%;}
}

@media all and (max-width: 560px){
	
	body { background-image:url(./PF/helablcr.jpg);}
	
	.banner h2 {font-size:2.5em;}
	.block1 a {font-size:1.2em;padding:0.5em 20px;}
	.block1cv a {font-size:1.2em;padding:0.5em 20px;}
	.block2 h1 {font-size:5em;}
	.block2 h2 {font-size:2.5em;}
	.bgr {display:none;}
	.block1a {background-image:url(./PF/helablcr.jpg);}
	.bgra {display:none;}
	.banner {background-image:url(./PF/helacr.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;}
	.bannera {background-image:url(./PF/helablacr.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;}
	.block1aa {background-image:url(./PF/helacr.jpg);}
	.block2s {background-image:url(./PF/helablcr.jpg);}
	.block2separatist {background-image:url(./PF/infernobgcr.jpg);}
	.blockdn {background-image:url(./PF/rotrbanres.jpg);}
	.videoholder video { width: 100%; height: auto;}
	
	.blockdns4 {background-image:url(./PF/s4bgcrm.jpg);}
	
	.icons {flex-direction:column; padding-bottom:2em;padding-top:4em;}
	.icons div {text-align:center; width:100%; padding: 0 0;}
	
	/* Arts*/
	
	.block1a h1 {font-size:5em;}
	.block1a h2 {font-size:2.5em;}
}

@media all and (max-width: 500px){
	.blockdnfof {background-image:url(./PF/fofixsmall.jpg);}
}

@media all and (max-width: 450px){
	.header li a {font-size:1.2em;}
	.headera li a {font-size:1.2em;}
	.headersc li a {font-size:1.2em;}
	.headercv li a {font-size:1.2em;}
	.headerdn li a {font-size:1.2em;}
	.banner h2 {font-size:2em;}
	.block1 h1 {font-size:4em;}
	.block1 h2 {font-size:2em;}
	.block1 p {font-size:1.2em;}
	.block1 a {font-size:1em;}
	.block2 h1 {font-size:4em;}
	.block2 h2 {font-size:2em;}
	.block2 h3 {font-size:1.8em;}
	.footer h3 {font-size:1.2em;}
	
	/* Separatist*/
	
	.block2separatist h1 {font-size:4em;}
	.block2separatist h2 {font-size:2em;}
	
	/* Arts*/
	
	.block1a h1 {font-size:4em;}
	.block1a h2 {font-size:2em;}
	.block2a h1 {font-size:4em;}
	.block2a h2 {font-size:2em;}
	.block3a h1 {font-size:4em;}
	.block3a h2 {font-size:2em;}
	.block4a h1 {font-size:4em;}
	.block4a h2 {font-size:2em;}
	.block5a h1 {font-size:4em;}
	.block5a h2 {font-size:2em;}
	
	/* Scripts*/
	
	.block2s h1 {font-size:4em;}
	.block2s h2 {font-size:2em;}
	
	/* CV*/
	
	.block1cv h1 {font-size:4em;}
	.block1cv h2 {font-size:2em;}
	.block1cv p {font-size:1.2em;}
	.block1cv a {font-size:1em;}
}

@media all and (max-width: 350px){
	
	.banner h2 {font-size:1.5em;}
	.block2 h3 {font-size:1.3em;}
	.block2separatist h1 {font-size: 3em;}
	
	.block1a h1 {font-size:3em;}
	.block1a h2 {font-size:1.5em;}
	.block2a h1 {font-size:3em;}
	.block2a h2 {font-size:1.5em;}
	.block3a h1 {font-size:3em;}
	.block3a h2 {font-size:1.5em;}
	
	.block1 h1 {font-size:3em;}
	.block1 h2 {font-size:1.5em;}
	.block1cv h1 {font-size:3em;}
	.block1cv h2 {font-size:1.5em;}
	.block2s h1 {font-size:3em;}
	.block2s h2 {font-size:1.5em;}
	
	.contact {display: flex; flex-direction: column;}
	.contact ul {justify-content: flex-start;}
	.contact li {padding-left:0;}
}