@media ( orientation : landscape) {
	.popscreen {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 100vw;
		height: 100vh;
		top: 0vh;
		left: 0vw;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 8000;
	}
	.popclose {
		display: block;
		position: absolute;
		top: -2vh;
		right: -2vh;
		width: 5vh;
		height: 5vh;
		background: url(../images/ico_close.svg) no-repeat;
		background-size: contain;
		cursor: pointer;
	}
	.popbox {
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		position: relative;
		min-width: 30vw;
		min-height: 10vh;
		border-radius: 1vh;
		box-shadow: 0.2vh 0.2vh 0.4vh var(- -fuba-background-color);
		background-color: var(--fuba-white);
		height: max-content;
	}
	.popcontent {
		display: block;
		position: relative;
		margin-top: 1vh;
		margin-left: 2vw;
		width: calc(100% - 4vw);
		text-align: center;
		height: auto;
		font-size: 1.8vh;
		font-family: Ubuntu-Regular, Arial;
		color: var(--fuba-text);
		clear: both;
		margin-bottom: 2vh;
	}
}

@media ( orientation : portrait) {
	.popscreen {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0vh;
		left: 0vw;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 8000;
	}
	.popclose {
		display: block;
		position: absolute;
		top: -2vh;
		right: -2vh;
		width: 5vh;
		height: 5vh;
		background: url(../images/ico_close.svg) no-repeat;
		background-size: contain;
		cursor: pointer;
	}
	.popbox {
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		position: relative;
		min-width: 90vw;
		max-width: 90vw;
		min-height: 40vh;
		max-height: 90vh;
		border-radius: 1vh;
		box-shadow: 0.2vh 0.2vh 0.4vh var(- -fuba-background-color);
		background-color: var(--fuba-white);
		height: max-content;
	}
	.popcontent {
		display: block;
		position: relative;
		margin-top: 1vh;
		margin-left: 5%;
		width: 90%;
		text-align: center;
		height: auto;
		font-size: 2.2vh;
		font-family: Ubuntu-Regular, Arial;
		color: var(--fuba-text);
		clear: both;
		margin-bottom: 2vh;
	}
}


.popsize90 {
	width: 90%;
	height: 90%;
}

.popsize80 {
	width: 80%;
	height: 80%;
}

.popsize70 {
	width: 70%;
	height: 70%;
}

.popsize60 {
	width: 60%;
	height: 60%;
}

.popsize50 {
	width: 50%;
	height: 50%;
}

.popsize40 {
	width: 40%;
	height: 40%;
}

.popsize30 {
	width: 30%;
	height: 30%;
}