html {
     scroll-behavior: smooth;
	 background: url('../images/bg.jpg') no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
}
 body{
     font-family: 'Roboto'!important;
	 background: transparent !important;
}
 h2{
     font-size:35px;
     color: #286090;
     text-transform:uppercase;
     margin:50px;
     text-align:center;
}

/*
 .banner{
     background-image:url('../images/bg.jpg');
	 min-height:100%;
	   background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
	 height: auto;
}
*/ 
 .bg-text{
     text-align:center;
     margin-top:100px;
     font-size:60px;
     text-shadow: 2px 2px #333;
     text-transform:uppercase;
     color: #fff;
}





footer {
	background:#286090;
   position:fixed;
   left:0px;
   bottom:0px;
	padding: 25px;
	color: #fff;
   width:100%;
  
}

/* IE 6 */
* html footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}



.img-3{
	margin-bottom:25px;
	
}
.img-31{
	margin-bottom:25px;
	
}
.logo-maker{
	margin-top:100px;
	padding:100px;
	padding-left:0;
	padding-right:0;
	
	
}

     
 @media only screen and (max-width: 400px) {
     .bg-text{
        font-size:50px;
		 padding: 20px;
		 margin-top: 10px;
    }
	.logo-maker{
	margin-top:10px;
	padding:20px;
	
}
.img-31{
	padding-bottom:50px;
	
}

 }