/************************************************************************/
/* Tablet Set - Portrait */
@media screen and (min-width: 717px) and (max-width: 1024px) and (orientation: portrait) {
	body,html {
		height: auto;
		min-height: max-content;
		padding: 0;
		margin: 0;
		background-color: #c62026;
		font-size: 16px;
		scroll-behavior: smooth;
	}

	#desktop_detector {
		display: none;
	}

	.space_hor {
		width: 100%;
		height: 2.4vw;
	}

	.space_button_form {
		width: 100%;
		height: 5vw;
	}

	/********************************************/
	/** ROTATE SCREEN **/
	#rotate_screen_container {
		position: fixed;
		z-index: 1000;
		overflow: hidden;
        width: 100%;
        height: 100%;
		min-height: 100vh;
		background-color: #c62026;
        display: none;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#rotate_screen_container > #rotate_screen_image_container {
		position: relative;
		overflow: hidden;
        width: 100%;
        height: 50%;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
	}

	#rotate_screen_container > #rotate_screen_image_container > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	#rotate_screen_container > #rotate_screen_text_container {
		position: relative;
		overflow: hidden;
		margin-top: 1%;
        width: 100%;
        height: auto;
        /*background: rgba(0,0,0,1);*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
		align-content: center;
        justify-content: center;
		text-align: center;
	}

	#rotate_screen_container > #rotate_screen_text_container > font {
		font-family: 'RobotoBold', Arial, sans-serif;
        font-size: 1.2vw;
        color: #ffffff;
		text-decoration: none;
	}
	/** END OF ROTATE SCREEN **/
	/********************************************/

	/************************************************************************/
	/************************************************************************/
	/************************************************************************/
	/************************************************************************/
	
	/************************************************************************/
	/* LOADING SCREEN CONTAINER & ANIMATION */
	#loading_screen_container {
		width: 100%;
		height: 100%;
		min-height: 100vh;
		position: fixed;
		overflow: hidden;
		z-index: 100;
		opacity: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
		justify-content: center;
		background-color: #c62026;
	}

	#loading_content_logo_container {
		position: relative;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 70%;
		height: 40%;
		animation: loading 3s infinite;
	}

	#loading_content_logo_container > img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	#loading_content_text_container {
		position: relative;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 2%;
		width: 50%;
		height: 10%;
		text-align: center;
		font-family: 'NotoSansBlack', Arial, sans-serif;
		font-size: 2vw;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
	}
	/* END OF LOADING SCREEN CONTAINER & ANIMATION */
	/************************************************************************/

	/************************************************************************/
	/************************************************************************/
	/************************************************************************/
	/************************************************************************/

	/************************************************************************/
	/* MAIN SCREEN CONTAINER & ANIMATION */
	#main_screen_container {
		width: 100%;
		height: 100vh;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
		justify-content: center;
		background-image: url("../images/uc_bacground_image.png");
		background-repeat: repeat;
		background-position: left;
	}

	#main_screen_container > #uc_container {
		width: 90%;
		height: auto;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
		justify-content: flex-start;
	}

	#main_screen_container > #uc_container > #logo_container {
		width: 100%;
		height: 50vh;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
		justify-content: center;
	}

	#main_screen_container > #uc_container > #logo_container > img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	#main_screen_container > #uc_container > #text_container {
		width: 100%;
		height: 15vh;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
		justify-content: flex-start;
	}

	#main_screen_container > #uc_container > #text_container > .text_1 {
		font-family: 'NotoSansBlack', Arial, sans-serif;
		font-size: 5.75vw;
		color: #ffffff;
	}

	#main_screen_container > #uc_container > #text_container > .text_2 {
		font-family: 'RusticaRegular', Arial, sans-serif;
		font-size: 3.15vw;
		color: #ffffff;
	}

	#main_screen_container > #uc_container > #text_container_2 {
		width: 100%;
		height: 20vh;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
		justify-content: flex-start;
	}

	#main_screen_container > #uc_container > #text_container_2 > .text_1 {
		font-family: 'NotoSansBlack', Arial, sans-serif;
		font-size: 3.75vw;
		color: #ffffff;
	}

	#main_screen_container > #uc_container > #text_container_2 > .text_3 {
		font-family: 'RusticaRegular', Arial, sans-serif;
		font-size: 2.15vw;
		color: #ffffff;
	}	
	
}
/* END OF Tablet - Portrait */
/************************************************************************/