.page {
	
max-width: 500px;
  margin: auto;
}
  
  div {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
color: rgba(68, 68, 68, 1);
line-height: 1.5;
  
}
h3 {
	     margin-left: 20px;     
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 24px;
color: white;
line-height: 1.5;


  
}
p {
  
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.main {
	  border-radius: 0px;
  background-color: #f2f2f2;
  padding: 10px;
  width: 600px;
}

.container {
        display: flex;
        align-items: center;
        justify-content: left;
			    height: 75px;
				/*background: #733794;*/
				background: #422166;
				flex-basis: 40%;
				width: 600px;
				  padding: 10px;
}
  
  
.header {
	        display: flex;
    float: left;
		height: 75px;
    /*width: 1000px;*/
				width: 600px;
	color: white;
	/*display: flex;*/
/*flex-basis: 40%;*/
align-items: center;
justify-content: left;
  
}



.text-danger {
color: red;
  
}

#logo {
	  /*border: 5px solid #555;*/
	  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 150px;
  margin-left: 10px;
   /*flex-basis: 40%*/

}


input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


input[type=password], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #E91364;
  background-color: #bf1e24;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
font-size: 20px;
color: white;

}


.info {
	  border-radius: 0px;
  /*background-color: #F5851F;*/
  padding: 0px;
  width: 600px;
  margin: auto;
  				  padding: 10px;
				    background-color: #f2f2f2;
  
}


.btn-info {
	color: #008BCD;
	font-size: 20px;
	/*
	  width: 100%;
  background-color: #E91364;
  color: white;
  padding: 14px 20px;
  margin: 50px;;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  font-weight: 400;
font-size: 20px;
color: white;
	width: 100%;
	color: #fff;
	background-color: #5bc0de;
	  margin: auto;
border-color: #46b8da;
text-align: center;
font-size: 18px;
font-weight: 400;
	
	padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
font-size: 20px;
color: white;*/


	/*
	line-height: 1.42857143;
	justify: center;

	display: inline-block;
padding: 6px 12px;
padding: 10px;
margin-bottom: 0;
margin: 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;

white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-radius: 4px;*/
}