@charset "utf-8";
/* CSS Document */

html,
body {
  height: 100%;
  margin: 0;
  color: #15224d;
  text-align:center;
  
}

#cnt{
	position:relative;
	height:100%;
	max-height:100%;
}
.bgImg{
	background:url(../images/bg.jpg) center no-repeat fixed;
	background-size:cover;
}

.padimg{
	padding:20px;
}

.redc{
	background-color: #3bac83;
}

.bluec{
	background-color: #3a3a3a;
}

.pad20{
	padding:20px;
}

.mrgB40{
	margin-bottom:40px;
}

.mrgT80{
	margin-top:80px;
}

.bdr-size{
	height:10px;
}


#logo {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 580px;
}


.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}


.box .row.header {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}

.box .row-fluid.content {
  flex: 1 1 auto;
}

.box .row.footer {
  flex: 0 1 auto;
  font-weight:bold;
}

.img-responsive {
	max-width:100%;
	display: inline-block;
	
}

@media  screen and (min-width: 600px) 
{
	.padimg{
		padding-top:40px;
	} 
	
	.box .row-fluid.content {
	  	flex: 0 1 auto;
	  	
	}
	
	#logo {
		bottom: 0;
		height: auto;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 500px;
	}
	
}


@media  screen and (max-width: 600px) 
{
	.padimg{
		padding-top:40px;
	} 
	
	.box .row-fluid.content {
	  	flex: 0 1 auto;
	  	
	}
	
	#logo {
		bottom: 0;
		height: auto;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 400px;
	}
	
}


@media  screen and (max-height: 400px) 
{
	.padimg{
		padding-top:40px;
	} 
	
	.box .row-fluid.content {
	  	flex: 0 1 auto;
	  	
	}
	
	#logo {
		bottom: 0;
		height: auto;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 330px;
	}
	
}

@media  screen and (max-height: 280px) 
{
	.padimg{
		padding-top:40px;
	} 
	
	.box .row-fluid.content {
	  	flex: 0 1 auto;
	  	
	}
	
	#logo {
		bottom: 0;
		height: auto;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 220px;
	}
	
}