@charset "ISO-8859-1";
/*
xxx-large = 3 rem
xx-large= 2.5
x-large = 2rem
large = 1.5rem
medium = 1.25rem
small = 1rem
x-small = .75rem
xx-small = .5rem
*/
@media(orientation:landscape){
	.service-box {
		margin: 0 auto; padding: 1px; 
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:flex-start;
		align-items:flex-start;
		width:100%; height: auto;
	 	vertical-align: top;		 	
	 	border-bottom:solid #00245C thin;
	 	background-color: white;
	}
	.div-btns{
		margin:0; padding:0;
		width:fit-content; height:fit-content;/*100px*/
	}	
	.div-info-1{
		display:block;
	}
	.working-area{
		display:block;
		margin:0 auto;
		height:100vh;
		background-color:white;
	}	
	
	/* Next & previous buttons */
	.prev, .next {
		cursor: pointer;
		position: absolute;
		top: 40%;
		width: auto;
		padding: 6px 6px 6px 6px;
		margin-top: 0px;
		color: white;
		font-weight: bold;
		font-size: .85rem;
		transition: 0.2s ease;
		border-radius: 8px 8px 8px 8px;
		user-select: none;
		background-color:#787878;
		opacity:.5;
	}	
		
}
@media(orientation:portrait){
	@media screen and (max-height:800px){
	}
	@media screen and (min-height:800px){
	}
	@media screen and (min-height:1000px){
	}
	@media screen and (min-height:1200px){
	}
	@media screen and (min-height:1400px){
	}
	@media screen and (min-height:1500px){
	}
	@media screen and (min-height:1500px){
	}	

	.working-area{
		display:block;
		margin:0 auto;
		width:100%;height:100%;
		background-color:white;
	}	
	.service-box {
		margin: 0 auto; padding: 1px; 
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap;
		justify-content:center;
		align-items:center;
		width:auto; height: auto;
	 	vertical-align: top;		 	
	 	border-bottom:solid #00245C thin;
	 	background-color: white;
	}	
	/* Next & previous buttons */
	.prev, .next {
		cursor: pointer;
		position: absolute;
		top: 40%;
		width: auto;
		padding: 8px 8px 8px 8px;
		margin-top: 0px;
		color: white;
		font-weight: bold;
		font-size: 2rem;
		transition: 0.3s ease;
		border-radius: 3px 3px 3px 3px;
		user-select: none;
		background-color:#787878;
		opacity:.5;
	}	
	.div-info-1{
		display:block;
		width:fit-content;
		margin: 0 auto;
	}
	.div-btns{
		margin:0 auto; padding:0;
		width:fit-content; height:fit-content;/*100px*/
	}
}
/****************************/
/*** Not oriented objects ***/
/****************************/
.slideshow-container {
  	display:inline-flex;
  	/*width: auto; height:auto;*/
	width:200px; height:200px;
  	position: relative;
  	margin: unset;
}
figure{
	width:auto; height:auto;
	max-width:200px; max-height:200px;
	display:inline-flex;	
	vertical-align:middle;
	border: none;
}

aside{display:none;}

textarea{
	width:97%; height:97%; resize:none; border:none; 	
	font-size:.65rem;
	font-family: 'Courier New', monospace;
	height:95%;
}

.asset-pics{
	display:none;
}
			     
.div-info-id{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	width: fit-content; height:100%; max-height:200px;
	object-fit:contain;
	display: inline-block;
	font-size: 1rem;
	writing-mode:vertical-lr;
	letter-spacing: 4px;
	font-weight:bolder;
	text-align:center;
	background-color:silver;
	border: solid white 2px;
}

.div-info{
	margin:0; padding:0;
	width:45%; /*auto*/
	height:auto;
	max-width:50%;
}
.div-info-lbl1{
	width: fit-content;
	object-fit:contain;
	display: inline-block;	
}
.div-info-lbl2{
	margin: 2px;
	width: fit-content;
	object-fit:contain;
	display: inline-block;
	background-color:#00245C; color:white;	
}
.div-info-lbl3{
	width: fit-content;
	object-fit:contain;
	display: inline-block;
}
.div-info-lbl4{
	width: fit-content;
	display: inline-block;	
	}

.div-desc{
	margin:0 auto; padding:0;
	width:45%; height:200px;/*450px*/
}