/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.container {
background-color:rgba(220, 220, 220, 0.95); 
border-radius:15px; 
height:80%;
}


body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 40px;
  background-image: url('/images/harvester.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
   background-color: #f5f5f5;
}

.footer > .container {
  padding: 25px 0px 5px 0px;
}

@media screen {
  .watermark {
  display:none;
  }
}

@media print {
  .noscreen {
  display:none;
  }
    .pb {
        clear: both;
        page-break-before: always;
    }
}

code {
  font-size: 80%;
}

/* FORM 
-------------------------------------------------- */

.form {
  max-width: 630px;
  padding: 15px;
  margin: 0 auto;
}

.form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form .form-control:focus {
  z-index: 2;
}


/* Floating Label styles
-------------------------------------------------- */

#floating-label .form-group {
	display: flex;
	height: 65px;
}

#floating-label .control-label {
	font-size: 16px;
	font-weight: 400;
	opacity: 0.4;
	pointer-events: none;
	position: absolute;
	transform: translate3d(6px, 22px, 0) scale(1);
	transform-origin: left top;
	transition: 240ms;
}

#floating-label .form-group.focused .control-label {
	opacity: 1;
	transform: scale(0.95);
}

#floating-label .form-control {
	align-self: flex-end;
}

#floating-label .form-control::-webkit-input-placeholder {
	color: solid;
	transition: 240ms;
}

#floating-label .form-control:focus::-webkit-input-placeholder {
	transition: none;
}

#floating-label .form-group.focused .form-control::-webkit-input-placeholder {
	color: #bbb;
}

/* Album styles
-------------------------------------------------- */
.album {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #fff;
}

.card {
  float: left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
}

.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 85%;
}


