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




.intro_wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
} 
  /*
   4px
  display: flex;  
  flex-flow: row wrap;
  */
  /*
  font-weight: bold;
  text-align: center; 

.intro_wrapper > * {
  padding: 10px;
  flex: 1 100%;
}
  */



#a111 {
  display: flex;
  align-items: left;
  justify-content: left;
  flex-direction: column;
  width: 100%;
  height: 90vh;
  overflow:hidden;
  border-bottom:#fff solid 0px;
}



#pi1000 {
  display: flex;
  align-items: left;
  justify-content: left;
  flex-direction: column;
  width: 100%;
  height: 90vh;
  overflow:hidden;
  border-bottom:#fff solid 0px;
}
	/*
  position: relative; 
	background-color: #000;
  position: static;
  */
	/*
    max-width: 50%;		transform: scale(2.55);
	position:relative;
right: 10px;
bottom: 20vh;
    max-width: 50%;		height: auto;
z-index:250;		transform: scale(2.55);
  */



.p900 {	position:absolute;
left: -100px;		top: -400px;		height: 300px;
z-index:20;
}
	/*   
z-index:1;
z-index:25;
  overflow: hidden;		transform: scale(1.25);
	height:555px;
 text-align:right;
 */






.p910 {		position:absolute;
left: -40px;		top: -150px;
    max-height: 50%;		height: auto;
z-index:20;
}
	/*   
    max-width: 50%;		transform: scale(0.85);
  height: 270px;
z-index:1;
z-index:25;
  overflow: hidden;		transform: scale(1.25);
	height:555px;
 text-align:right;
 */



.p1000 {	position:absolute;
left: -30px;		top: -340px;		transform: scale(1.15);
z-index:20;
    max-height: 50%;		height: auto;
}
	/*   
z-index:1;
	height:555px;
z-index:25;
 text-align:right;
 */





.p1001 {	position:absolute;
left: -30px;		top: -200px;
z-index:20;		transform: scale(1.55);
	max-height: 50%;		height: auto;
}
	/*   
z-index:1;
	height:555px;
z-index:25;
 text-align:right;
 */





.p1002 {	position:absolute;
left: -40px;		top: -120px;
z-index:20;		transform: scale(4.25);
    max-height: 50%;		height: auto;
}
	/*   
z-index:1;
	height:555px;
z-index:25;
 text-align:right;
 */






.masquerade100 {	position:absolute;
left: 10px;
bottom: -10px;
height: 20vh;
z-index:250;
opacity:90%;
}
/*
	position:relative;
right: -250px;		top: 570px;
z-index:250;
opacity:90%;
width: 75%;		height: auto;
	*/
 
 
 
 

.q290a {	position:absolute;
left: -30px;
top: -200px;
width: 140vh;
z-index:20;
}
/*
right: -340px;
bottom: -150px;
height: 190vh;
*/

.introimg {	position:absolute;
left: -10px;		top: -200px;		transform: scale(1.75);
z-index:20;
}
/*
height: 100vh;
    max-height: 50%;		height: auto;
    max-height: 50%;
	*/

.q270 {	position:absolute;
left: -20px;		top: -50px;		height: auto;		transform: scale(1.15);
z-index:20;
}

.q280 {	position:absolute;
left: -20px;		top: -50px;		height: auto;		transform: scale(1.15);
z-index:20;
}

.q290 {	position:absolute;
left: -20px;		top: -170px;		height: auto;		transform: scale(1.55);
z-index:20;
}

.q300 {	position:absolute;
left: -20px;		top: -190px;		height: auto;		transform: scale(1.75);
z-index:20;
}

.q310 {	position:absolute;
left: -20px;		top: -50px;		height: auto;		transform: scale(1.15);
z-index:20;
}

.q320 {	position:absolute;
left: -20px;		top: -50px;		height: auto;		transform: scale(1.15);
z-index:20;
}

.q330 {	position:absolute;
left: -20px;		top: -50px;		height: auto;		transform: scale(1.15);
z-index:20;
}




.p910 {	position:absolute;
left: -40px;		top: -150px;
height: 300px;
z-index:20;
}
/*
    max-height: 50%;		height: auto;
	*/
 



.container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}
}


/*
@media screen and (max-width: 790px) and (max-height: 740px) {
 
.q290a {	position:absolute;
left: -30px;
top: -200px;
width: 140vh;
z-index:20;
}


.hide {
	display:hidden;
	display:none;
}
}
*/

/*size     samsung galaxy s8+ */
@media screen and (max-width: 360px) and (max-height: 740px) {
 
.q290a {	position:absolute;
left: -30px;
top: -300px;
width: 150vh;
z-index:20;
}
/*
left: -350px;
bottom: -200px;
width: 140vh;
*/


.hide {
	display:hidden;
	display:none;
}
}


@media screen and (min-width: 1200px) {
.q290a {	position:absolute;
right: -340px;
bottom: -150px;

height: 190vh;
z-index:20;
}
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
  
  
.q290a {	position:absolute;
left: -170px;
bottom: -400px;

height: 210vh;
z-index:20;
}
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }

.introimg {	position:absolute;
left: -300px;		top: -400px;
    max-height: 50%;		height: auto;
z-index:20;
}
.q290a {	position:absolute;
right: -340px;
bottom: -150px;
height: 190vh;
z-index:20;
}
}





/* +++++++++++++++++     android */
@media screen and (max-height: 360px) and (min-height: 250px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }




.masquerade100 {	position: absolute;
right: 1px;
bottom: 70px;
z-index:250;
width: 55%;
}
/*
right: 10px;
bottom: 10px;
  top: 80px;
  height: 100vh;
	position:absolute;
left: 0;
bottom: 10px;
width: 50%;		transform: scale(2.55);		transform: scale(1.25);
    max-width: 20%;		height: auto;
 */



	/*
left: -250px;		top: -200px;
    max-height: 50%;		transform: scale(1.55);
left: -40px;		top: -150px;
    max-height: 50%;		height: auto;
left: -250px;		top: -200px;
	*/

.q270 {
left: -190px;		top: -370px;
	position:absolute;		transform: scale(0.45);
z-index:20;
}

.q280 {
left: -190px;		top: -470px;
	position:absolute;		transform: scale(0.35);
z-index:20;
}

.introimg {	position:absolute;
right: -200px;
bottom: 0px;
height: 120vh;
z-index:20;
}

.q290a {	position:absolute;
left: -190px;		top: -470px;
		transform: scale(0.75);
z-index:20;
}

.q290 {	position:absolute;
left: -190px;		top: -470px;
		transform: scale(0.75);
z-index:20;
}

.q300 {	position:absolute;
left: -190px;		top: -470px;
		transform: scale(0.75);
z-index:20;
}

.q310 {	position:absolute;
left: -190px;		top: -470px;
		transform: scale(0.75);
z-index:20;
}

.p910 {	position:absolute;
left: -40px;		top: -150px;
  height: 100vh;
z-index:20;
/*
height: 300px;
    max-height: 50%;		height: auto;
	*/
z-index:20;
}


.hide {
	display:hidden;
	display:none;
}
}