*{
 box-sizing: border-box;
}
*:before,
*:after {
 box-sizing: border-box;
}

.main-container {
 min-height: 100vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 200px; /* height of your footer */
}

.section-header h3 {
    font-size: 32px;
    color: #283d50;
    text-align: center;
    font-weight: 500;
    position: relative;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 20px 0;
}

body {
	height: 100%;
	position: relative;
	background: #fff;
	color: #444;
	font-family: "Open Sans", sans-serif;
}

.section{
	padding: 25px 0;
}

.user-login {
	flex-basis: 100%;
	align-self: center;
	padding: 50px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.user-login .logo {
  margin-bottom: 80px;
}

.user-login .title-text {
  margin-bottom: 35px;
}

.user-login .title-text h3 {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.form-control.main {
  background: #fff;
  padding: 15px 20px;
  margin-bottom: 20px; 
  border: 1px solid #cccccc;
  font-size: 14px;
}

.form-control.main:focus {
  border: 1px solid #2e7eed;
}

.colorful-folder{
	color: #F1C40F;
}

.colorful-icon{
	color: #bac3d0;
}

.figyelmeztetes{
	color: red;
	font-size: 12px;
}

textarea, input {
  padding:10px;
	font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #00428a;
	padding: 0 0 30px 0;
	color: #eee;
	font-size: 14px;
	max-height: 200px;
}

#footer h4 {
	margin-top: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: relative;
	padding-bottom: 10px;
}

#footer p {
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Montserrat", sans-serif;
	color: #ecf5ff;
}

#footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-links ul li {
  padding: 8px 0;
}

#footer .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-links ul a {
  color: #ecf5ff;
}

#footer .footer-links ul a:hover {
  color: #74b5fc;
}