html,body { height: 100%; color:#fff}
:root{--color-primary:#338ec3;--color-secondary:#6da4c3;--color-primary-hover:#2978a7;--color-gray:#f9f9f9;--color-success:#0f8e54;--color-success-hover:#0b804a;}
.btn-primary {background: var(--color-primary); border: none; border-radius: 0px}
.btn-primary:hover {background: var(--color-primary-hover);}
.form-control {border-radius: 0px; outline:0; border:0; box-shadow:none!important; }
.btn:focus, .form-control:focus {box-shadow:none !important}
.input-group-text {background: var(--color-primary); border-radius:0; color: #fff; border: 0}
body { background: url('/themes/5.jpg') fixed no-repeat center center; background-size:cover; -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; font-family: 'Josefin Sans', sans-serif;;font-weight: 300}
p, input, button {font-family: 'Open Sans'}
.site-wrapper { display: table; width: 100%; height: 100%;  min-height: 100%; background: rgba(0,0,0,0.7)}
.site-wrapper-inner { display: table-cell; vertical-align: top;}
.cover-container { margin-right: auto; margin-left: auto;}
.inner { padding: 30px;}
.cover { padding: 0 20px;}
.alert {background: #d00; padding:10px; color: #fff; border: 0}
/*.alert-success {background: var(--color-success);}*/
.emptyphoto {width:280px; height: 350px; background: rgba(255,255,255,0.3); margin:0 auto}
.lang-tekst_naglowek {margin-top:10px; font-size: 20px; padding:10px; background: rgba(0,0,0,0.3)}
.card img {max-width: 100%}
/*IMG 5*/
.card {background: rgba(27,15,15,0.3);     padding:30px; color: #fff}
/*IMG 1*/
/*.card {background: rgba(171,171,171,0.2); padding:30px; color: #fff}*/ 
h1 {color: #fff; text-align:center; font-size: 40px; font-weight: 300; margin-top:20px}
hr {color: #fff }
h1 b {font-size: 50px;}
.card p {font-size:20px}
.herb {height:150px; margin:-30px auto; display:block;}
.herb_kuria {height:100px;}
a {color:#fff; text-decoration:none}
a:hover {color:#ddd}
.flags {margin-top:10px}
/*.card {background: rgba(0,0,0,0.7); padding:30px; color: #fff}*/

@media (min-width: 768px) {
 .site-wrapper-inner { vertical-align: middle; }
 .cover-container { width: 100%; }
}
@media (min-width: 992px) {
 .cover-container { width: 900px; }
}


@media (max-width: 540px) {
h1 {font-size: 20px;}
.card p {font-size: 15px}
a {padding-bottom: 20px; display: block; font-size:12px}
h1 b {font-size: 20px;}
.card {text-align:center}
.lang-tekst_naglowek {font-size:14px}
.photo {width:150px}
.emptyphoto  {display:none}
}