/* CSS Document */
body {font-family: 'Ropa Sans', sans-serif;

    font-family: 'Khand', sans-serif; font-size:1.1rem; font-weight: 400; letter-spacing:.05em; color: #a6cc98;}

.bg-szary{
background-color: #e2e3e5!important;}

.form-control {border-top: rgb 0 0 0 .2;}

hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #a6cc98;

}

.table td {width: 100%;
margin-bottom: 1rem ; 
border-top: #343a40 solid 2px;
background-color:#37C962;}

a {color:#37c962;
	text-decoration: underline;}

a:hover {color: #359556;text-decoration: underline;
}

.table-hover tbody:hover {color: #343a40; }

.table-hover td:active {color: yellow;}
.table-hover td:hover {background-color: #343a40; color: #37C962;}
.table  {color: #343a40;}

.form-control::placeholder {color: #343a40;}

.form-control{border:0; 
	background-color:#37C962; 
	border-radius: 0; 
	font-size:1rem; 
	color: #343a40;}

.form-control:focus {
	font-size: 1rem;
	background-color: #37C962;
	border-color: none;
	outline: 0;
	box-shadow: none;
	color: #343a40;}

.camera-image {
  background-image: url("../../obrazki/camera.gif");
  background-repeat: no-repeat;
  background-attachment: fixed;
   z-index: -1;
   background-position: bottom;

  }

.camera-text {
  position: absolute;
  font-weight: 500;
  font-size: 1.1em;
/*  left:50%;
*/  text-align: center;
  transform: translate(0%, 0%);
  opacity: 1;}


.baton{
  font-weight: 600;
  font-size: 1.23em;
  color: #343a40;
  opacity: 1;
}


.tlo {background-color: RGBA(55, 201, 98, .8);
  color: #343a40;
  }
.tlo a:hover {opacity: 1;}


.przycisk {
  background-color: RGBA(55, 201, 98, 1);
  position: absolute; 
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0%);}

  .trans {
    position: absolute;
    top:100px;
    max-width: 80%;

    -webkit-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    transform: rotate(12deg);
  }