/* Move down content because we have a fixed navbar that is 50px tall */

html {
   min-height: 100%;   
}

body {
  padding-top: 55px;
  padding-bottom: 20px;
  background: #204675 url(../img/bg.jpg) center bottom no-repeat fixed;
}

@media screen and (max-width: 767px) {
  .jumbotron {
    background: rgba(255,255,255,0.5);
    color: #333333;
  }

  .home-block {margin-bottom: 15px;}
  .home-block .btn{width:100%;}
}

@media screen and (min-width: 768px) {
	.jumbotron{
		background: -moz-linear-gradient(top,  rgba(32,70,117,1) 0%, rgba(32,70,117,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,70,117,1)), color-stop(100%,rgba(32,70,117,0)));
		background: -webkit-linear-gradient(top,  rgba(32,70,117,1) 0%,rgba(32,70,117,0) 100%);
		background: -o-linear-gradient(top,  rgba(32,70,117,1) 0%,rgba(32,70,117,0) 100%);
		background: -ms-linear-gradient(top,  rgba(32,70,117,1) 0%,rgba(32,70,117,0) 100%);
		background: linear-gradient(to bottom,  rgba(32,70,117,1) 0%,rgba(32,70,117,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204675', endColorstr='#00204675',GradientType=0 );

	}
  .page .col-lg-12 {padding:20px 40px;}
}

.jumbotron .btn{float:right;}

.home-block {background: rgba(255,255,255,0.5);padding:1px 20px 5px 20px;}
.home-block .btn{background: #39b536; border:none; color:#ffffff;}
.home-block .btn:hover{background: #299a0b;}

.page {background: rgba(255,255,255,0.8); color:#000000;}

footer{margin-top:20px; text-align: center; padding:10px;}

.logo {float:left; margin: 0 20px 20px 0; height:100%;}

#designby {
    display:block;position:fixed;bottom:8px;left:10px;background:url(../img/eptikar-it-solutions.svg) no-repeat;background-size: 70px auto; width:32px;height:32px;font-size:0;-moz-transition:width 2s, height 2s, background-color 2s, -moz-transform 2s;
    -webkit-transition:width 1s, height 1s, -webkit-transform 1s;
    -o-transition:width 1s, height 1s, -o-transform 1s;
    transition:width 1s, height 1s, transform 1s;
}

#designby:hover {width:244px;height:187px;background-size: 90% auto;background-color: rgba(255,255,255,0.5); background-position: center;}

.listing {list-style: none; padding: 0;}

.page .col-lg-12 {padding:20px 40px;}

.navbar-brand img{height:24px;}