body {
    font-family: 'Open Sans';
}

.background-color-login {
	background-color: #F3AF1C
}

.card-round-white {
	background-color: #FFF
}

.card {
  box-shadow: 0 8px 2px -2px rgba(0,0,0,0.3);
  transition: 0.3s;
  border-radius: 15px;
}

.card:hover {
  box-shadow: 0 16px 4px -4px rgba(0,0,0,0.3);
}

a {
  text-decoration: none;
  color: inherit; 
}

a:hover, a:active {
  text-decoration: none;
  color: inherit; 
}

.leftImage-login {
  left: 0;
  position: absolute;
}

.rightImage-login {
  right: 0;
  position: absolute;
}

.login-issuer {
	padding: 150px 150px 150px 150px;
}

::placeholder {
  opacity: 1; /* Firefox */
  color: #B5B5B5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #B5B5B5;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #B5B5B5;
}

input[type=text] {
  background-color: #F1F1F1;
  color: white;
}

input[type=password] {
  background-color: #F1F1F1;
  color: white;
}

#content-desktop {display: block;}
#content-mobile {display: none;}
#login-or {padding: 0px 50px 150px 50px;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
	.login-issuer {
		padding: 50px 5px 35px 35px;
	}
	
	#content-desktop {display: none;}
	#content-mobile {display: block;}
	#login-or {padding: 0 0 0 0;}
	
}