/* CSS Reset Original Document*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
sup {
	vertical-align: super !important;
}
sub {
	vertical-align: sub !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	cursor: pointer;
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
}

html, body {
	height: 100%;
}
/* End of CSS Reset */
/* common style starts */

body {
	font-family: Arial,Calibri,sans-serif;
	letter-spacing: 0.02em;
	background: #1d2545;
	font-size:0.875em;
}

.wrapper{
 height:100vh;
 width:100%;
 background: url("../images/DesktopBlank.png") no-repeat center;
  background-size: 100%;

}
.content{
height:100vh;
 width:100%;
 background: url("../images/logo_Desktop.png") no-repeat center;
  background-position-y: 46%;
  background-size: 309px 77px;  
}



.LogoutText{
padding-top:55vh;
text-align:center;
color: #FFF;
}
.LogoutText p{ font-size:1.25em; margin-left: 2.5%;}
.LogoutText a{text-decoration: underline; }

/* common style ends */



/* mediaquery starts */
/* mobile */
@media only screen and (max-device-width :720px) and (orientation: portrait){
	
	.wrapper{
	  background: url("../images/iPhone_Blank.png") no-repeat center; background-size: 90%;
	}
	.content {
		background-size: 261px 65px;
		background-position-y: 43%;
}
	.LogoutText{
		padding-top: 52vh; 
	}
	.LogoutText p{ font-size:1em; margin-left: 6%;}
	
} 



@media screen and (max-device-width:740px) and (orientation: landscape){
	
.LogoutText {
    padding-top: 60vh;
}	
	.content {		
		  background-position-y: 46%;
		  background-size: 261px 65px
    
	}
		.LogoutText p{ font-size:1em; margin-left: 6%;} 
	
}

/* ipad */

@media only screen and (min-device-width :767px) and (orientation: portrait){
	
	.wrapper{
	  background: url("../images/IpadBlank.png") no-repeat center; background-size: 100%;
	}
	.content {		
		  background-position-y: 46%;
		  background-size: 417px 118px
    
	}
	.LogoutText{
		padding-top: 55vh;
	}
	
	
} 



@media screen and (min-device-width:1024px) and (max-device-width:1200px){
	
	.wrapper{
	  background-size: 133%;
	}
	.content {		
		  background-size: 309px 77px ;  
	}
	
}

/* Laptop & Desktop */
@media screen and (min-device-width:1280px) and (max-device-width:1366px){
	.LogoutText{
	padding-top: 56vh;
	}
	.wrapper{
	 background-size: 90%;
	}
	.content {		
		  background-size: 309px 77px;  
	}
}

/* Large monitor */

@media screen and (min-width:1920px){
	
	.wrapper{
	 background-size: 90%;
	}
}
/* 4k resolution Large monitor */
@media screen and (min-width:2560px){
	
	.wrapper{
	 background-size: 74%;
	}
}