body{background-color : #1D262D;}
html, body {width : 100%; height : 100%; padding : 0; margin : 0;font-family: 'Roboto', sans-serif; color : #FFFFFF;}
a {color : #debc72; text-decoration : none;}
a:hover {color : #FFFFFF; text-decoration : none;}
p, h1 {margin : 0; padding : 0;}
/*
div {
	position: absolute;
	left : 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align : center;
}
*/
div.bd {
	position: absolute;
	left : 0;
	right : 0;
	top: 50%;
	transform: translateY(-50%);
	text-align : center;
	background-color : rgba(0,0,0,0.15);
}
div.innerBd {
	position: relative;
	padding : 75px 25px 25px 25px;
}
/*.mira_logo {margin-bottom : 15px;}*/
.mira_logo {	position: absolute;
	left : 50%;
	top: 0%;
	transform: translate(-50%,-50%);
}
.mira_Tit {text-transform : uppercase; font-size : 36px; margin-bottom : 25px;}
.mira_sTit {font-size : 24px;}
.mira_res1 {margin-bottom : 15px;}
.mira_res2 a {margin-left : 5px; margin-right : 5px;}
.mira_res2 a img{width : 32px; height : auto; margin-bottom : 25px;}
.mira_contact {font-size : 12px;}

@media screen and (orientation: landscape) and (max-height: 480px) {
	div.bd {
		position: relative;
		left : 0;
		right : 0;
		top: 0;
		transform: none;
		text-align : center;
		background-color : transparent;
	}
	div.innerBd {
		margin-top : 75px;
	}
}