body {
    background-image:url("landscape1.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	font-size:10;
}
html {
    height: 100%
}

.card .card-body div input{
 background-color:#e1dfdf;
 min-width:179px !important;
 min-height:51px !important;
 font-size: 20px;
}



.logo div img{
 display:inline-block;
 transform:translatex(-58px) translatey(451px);
}

img{
	
	width:10px;
	
}

/* Image */
#header div img{
 display:inline-block;
 transform:translatex(70px) translatey(100px);
 position:relative;
}

 




@media screen and (orientation:portrait){
	

    body {
    background-image:url("p_plain3.jpg");
    background-repeat: repeat-y;
    background-size: 100% 100%;
	font-size:10;
}


	.landing .content .logo > div{
 position:relative;
 transform:translatex(-60px) translatey(100px);
}

.logo div img{
 display:inline-block;
 transform:translatex(-150px) translatey(250px);
}

img{
	
	width:100px;
	
}

/* Image */
#header div img{
 display:inline-block;
 transform:translatex(40px) translatey(35px);
 position:relative;
}



 /* Division */
 .landing .content .logo > div{
  left:58px;
  top:33px;
 }
 
 /* Image */
 #header a img{
  left:-95px;
  top:-16px;
 }
 


/* Division */
 .landing .content .logo > div{
  left:58px;
  top:-16px;
 }
 
 /* Image */
 #header a img{
  left:-95px;
  top:-16px;
 }
 

}







/*

@media (min-width:480) and (orientation:landscape){
.logo div img{
 display:inline-block;
 transform:translatex(-58px) translatey(51px);
}

img{
	
	width:500px;
	
}


#header div img{
 display:inline-block;
 transform:translatex(75px) translatey(30px);
 position:relative;
}
 
}







@media screen and (orientation:portrait) and (max-device-width: 600px) {
 
 .landing .logo div{
  transform:translatex(20px) translatey(112px);
  position:relative;
 }
 
 
 #header div img{
  transform:translatex(87px) translatey(155px);
 }
 
}
*/






@media screen and (orientation:portrait) and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo div img{
 display:inline-block;
 transform:translatex(-58px) translatey(251px);
}

img{
	
	width:130px;
	
}

/* Image */
#header div img{
 display:inline-block;
 transform:translatex(70px) translatey(59px);
 position:relative;
}
}




@media screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo div img{
 display:inline-block;
 transform:translatex(-58px) translatey(51px);
}

img{
	
	width:100px;
	
}

/* Image */
#header div img{
 display:inline-block;
 transform:translatex(75px) translatey(30px);
 position:relative;
}
 
}



@media screen and (min-device-width: 320px)   and (max-device-height: 960px) and (orientation: landscape) {

body{
	font-size:10;
	background-image:url("l_plain3.jpg");
    background-repeat: repeat-y;
    background-size: 100% 100%;
}

ga-code #header div a img{
  left:-66px !important;
 }

ga-code .landing .content .logo{
  position:relative !important;
  left:35px !important;
  top: -100px;
 }

.landing .content .logo > div{
 position:relative;
 transform:translatex(-28px) translatey(-10px);
}

.logo div img{
 display:inline-block;
 transform:translatex(-58px) translatey(5px);
}

img{
	
	width:67px;
	
}




/* Image */
#header div img{
 display:inline-block;
 transform:translatex(75px) translatey(5px);
 position:relative;
}



}





content{
  height : 100vh;
  display : flex;
  flex-direction : column;
  align-items: center;
  justify-content : space-around;
}
.logo{
  flex:1 1 auto;
  display:flex;
  flex-direction :column;
  justify-content : center;
  align-items : center;
}

.logo2{
  flex:1 1 auto;
  display:flex;
  flex-direction :column;
  justify-content : center;
  align-items : left;
}

.ex{
  flex:2;
  display : flex;
}
.ex p{
  align-self: flex-start;
}

.box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box div {
  width: 100px;
  height: 100px;
}






@media screen and (orientation:landscape) and (min-device-width: 1025px) {
/* Division */
.landing .content .logo > div{
 position:relative;
 transform:translatex(-28px) translatey(86px);
}

/* Image */
#header a img{
 transform:translatex(62px) translatey(72px) !important;
}

/* Division */
.landing .content .logo > div{
 min-width:350px;
}

/* Input */
.card .card-body div input{
 max-width:154px;
 min-width:111px;
 min-height:34px;
 width:121px;
}

/* Label */
.card .card-body label{
 font-size:17px;
}

/* User */
#user{
 font-size:20px;
}

/* Cid */
#cid{
 font-size:20px;
}

/* Input */
.card .card-body div input{
 transform:translatex(0px) translatey(8px);
 font-size:18px;
 text-decoration:none;
 text-transform:uppercase;
}



/* Division */
.landing .logo2 div{
 min-height:53px;
 position:relative;
 transform:translatex(-18px) translatey(-5px);
 font-size:33px;
}



/* Image */
#header div img{
 display:inline-block;
 transform:translatex(129px) translatey(29px);
 position:relative;
}

img{
	
	width:100px;
	
}
}





/*(max-device-width: 768px ) and (max-device-width: 1024px)and (orientation: portrait)*/