.bg{

	height: 100%;
	width:100%;
    background: #6C91BB; 
    background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ; 

    

}

body{

background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ;
padding-left:  (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2); 


}

#log{

	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	overflow: hidden;
}


.itempanel{
	background-color: #DCDCDC;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border:0px;
	margin-bottom: 20px;
	
	}
.image{

margin-bottom: 80px;

}

.lower{


}

.bannerimg1{

width:736px;
height:623px;

}


.bannerimg2{
	width:350px;
	width:350px;

}

input[type="text"]{
background-color:#FAFFBD 
}

input[type="password"]{
background-color:#FAFFBD 
}

.footer{
	margin-top: 5px;
}

/*responsive

*/

@media only screen and (min-width : 320px) {
	.image{
  width:260px;
  height:86px;
  margin-bottom: 30px;

  }


#log{

	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	width:100%;
	margin:auto;
}

.footer{
	margin-top: 30px;
}

body{

background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ;

}

    
}
 
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.image{
  width:260px;
  height:86px;
  margin-bottom: 30px;

  }


#log{

	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	margin:auto;
}

.footer{
	margin-top: 30px;
}
.bannerimg1{

width:280px;
height:280px;
margin-left:-29px;

}


.bannerimg2{
	width:280px;
	width:280px;
	margin-left:-24px;
	margin-top:2px;

}

body{

background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ;

}

 
}
 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.image{
  width:260px;
  height:86px;
margin-bottom: 30px;

  }


#log{

	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	margin:auto;
}

.footer{
	margin-top: 10px;
}

.bannerimg1{

width:280px;
height:280px;
margin-left:-29px;

}


.bannerimg2{
	width:280px;
	width:280px;
	margin-left:-24px;
	margin-top:2px;

}

body{

background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ;

}

 
}

 
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.image{	margin-bottom: 80px;
width:360px;
height: 120px;
}


#log{

	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	margin:auto;
}
 .footer{
	margin-top: 5px;
}

.bannerimg1{

width:375px;
height:310px;

}


.bannerimg2{

	width:350px;
	width:350px;
	margin-left: 45px;

}

body{

background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ;

}

 
}


 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

.image{	margin-bottom: 80px;
width:360px;
height: 120px;
}


#log{

	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	margin:auto;
}

.footer{
	margin-top: 5px;
}

body{

background: linear-gradient(-90deg, #6C91BB, #7AC0CC, #EDEEE6, #D47AB7) ;

}

 
}