.jumbotron {
  background-color: #8d8d8d;
  /*background: url(http://api.thumbr.it/whitenoise-361x370.png?background=fcfcfcff&noise=e0e0e0&density=82&opacity=40);*/
}
.back {
  /*background-color: #F7F7F7;  #e1dede;  */
  /* http://www.cssmatic.com/noise-texture */
    background: url(http://api.thumbr.it/whitenoise-361x370.png?background=fcfcfcff&noise=e0e0e0&density=82&opacity=40);
}
.end {
	background-color: #8d8d8d;
	color: white;
}
.end-light {
	background-color: #ded9d9;
}
.navbar-default {
  background-color: #8d8d8d;
}





@font-face {
    font-family: 'f1';
    src: url('../font/font.otf')
}

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-family: 'calibre';
}



h22 {
	margin-top:0px;
	font-size: 4em;
}

h3 {
	margin-top: 10px;
}

.skret {
    line-height: 1;
    text-align: right;
    background: url('../files/skret.png')  no-repeat;
}

.h11 {
    font-family: f1;
	background-color: white;
}

.jumbotron {
	border-top: solid 8px #0c6d00;
	padding-bottom: 35px;
	padding-top: 35px;
}

.thumbnail {
	border: none;
	padding: 0px;

}

.skret-btn {
	width: 100%;
	margin-top: 10px;
	font-family: "Geneva CE", "Arial CE", sans-serif;
}

.skret-btn-div-left {
	margin-left: 0px;
	padding-left: 0px;
}

.skret-btn-div-right {
	margin-right: 0px;
	padding-right: 0px;
}

.col-no-padding {
	margin-right: 0px;
	padding-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
}




.thumbses {
	margin-top: 22px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-custom {
    color: white;
    background-color: #0c6d00;
}

.beer-header {
  height: 150px;
  width: 150px;
}

.beer-list {
  height: 350px;
  width: 850px;
}

.img-center2 {
    display: block;
    margin: 0 auto;
}

.img-center {
    margin: 0 auto;
}

.nav a {
    color: white !important;
    font-size: 1.8em !important;
}

.textbox {
  width: 100%;
}

textarea.textbox {
  width: 100%;
  height: 114px;
  /* height: 151px; */
}

.thumbnail {
  background-color: transparent;
}

.btn {
    white-space: normal;
}

#rok {
  visibility: collapse;
}

ul, ol 
{
  font-size: 18px;
}







/*@media (max-width: 768px) {
      .col-xs-12.xs, .col-xs-12.xs {
              text-align: center;
       }

       xs {
         float:none; margin:0 auto;
       }
    }*/




















.navbar-default {
  border-color: #5cb85c;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #5cb85c;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #5cb85c;
}
.navbar-default .navbar-toggle {
  border-color: #5cb85c;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #5cb85c;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #000000;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #5cb85c;
  }
}

.corona {
  color: red;
  letter-spacing: 0.2em;
  font-size: 3.5em;
  text-align: center;
  text-transform: uppercase;
}

.corona2 {
  color: red;
  letter-spacing: 0.2em;
  font-size: 2.3em;
  text-align: center;
}