@import url('https://fonts.googleapis.com/css?family=Righteous&subset=latin-ext');

/*---------vlajky--------------*/
#top-header {
  text-align: right;
  padding-top: 10px;
}

#top-header img {
  height: 45px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.5;

}

#top-header img {
  filter= "gray";
}

#top-header img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

#top-ribbon {
  display: none;
}

header {
  display: initial;
}

/*---------Menu---------*/
.navbar-nav li {
  font-family: 'Righteous', cursive; 
}

ul.dropdown-menu.level2.v {
  background-color: #000;
}

.navbar-default li.active > a:before {
  border-left: 10px solid #000;
}

.navbar-default li.active > a:hover {
  border-left: 10px solid #000;
}

/*-----------Úvodní strana-----------*/

#uvodka{
  background-image: url(/obrazek/3/air-show-l-39-jpg/);
  background-repeat: no-repeat;
  background-position: center;
  height: 70vh;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 50px;
  margin-top: -20px;
}

section {
  padding-top: 0px;
}

#uvodka h1 {
  font-family: 'Righteous', cursive;
  font-size: 4em;
  color: #fff;
}

#uvodka .container {
  margin-top: 11%;
}

#uvodka .container-fluid {
  background-color: rgba(25, 2, 2, 0.45);
  height: 70vh;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

p.nadpis {
  font-family: 'Righteous', cursive;
  font-size: 1.5em;
  color: #fff;
}

article {
  margin-top: 0px;
}

/*----------O-nas--------------*/
#onas p {
  font-size: 1.5em;
  text-align: center;
  color: #000;
}

#onas .cardbox {
  margin: 1%;
  background-color: #fff;
  border: 3px solid #000;
  padding-top: 22px;
}

#onas > div:nth-child(5) > div {
  padding: 0px;
  overflow: hidden;
}


/*--------Jednotlivé stránky a motivy------------*/

.motive {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  min-height: auto;
  padding: 0px;
  margin-bottom: 1%;
}

.motive .container {
  background-color: rgba(25, 2, 2, 0.45);
  height: 400px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: -1%;
  margin-bottom: 2%;
}

.motive h1 {
  font-family: 'Righteous', cursive;
  font-size: 3.5em;
  color: #fff;
  margin-top: 6%;
}

#popis p {
  font-family: 'Righteous', cursive;
  font-size: 2.0em;
  text-align: center;
  color: #000;
}

#popis .cardbox {
  margin: 1%;
  background-color: #fff;
  border: 3px solid #000;
  padding-top: 22px;
}

#popis.row.sluzby {
  margin-top: 6%;
  margin-bottom: 6%;
}

/*-------------bubliny na uvodce-----------*/
#sluzby h2 {
  font-size: 2.5em;
  text-align: center;
  font-family: 'Righteous', cursive;
  margin-top: 6%;
  margin-bottom: 5%;
  color: #000;
}

#sluzby .container {
  position: relative;
}

#sluzby .col-lg-4 {
  padding: 15px;
}

.img {
  border-radius: 100%;
  display: flex;
  flex: 0 0 150px;
  height: 400px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 400px;
  border: solid 3px #000;
}

.img img {
  height: 100%;
}

.overlay {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.25s;
  z-index: 1;
}

.overlay:hover {
  opacity: 1;
}

.overlay {
  background-color: #000;
  color: #fff;
  font-family: 'Righteous', cursive;
  font-size: 24px;
}

#sluzby > div > div > div:nth-child(4) > a > img {
  padding: 10%;
}

.row {
  margin-bottom: 5%;
}

#border {
  border-bottom: #000;
}

/*--------------LOGO-----------------*/
.navbar .logo a:after {
  content: "DEFCON";
  font-family: 'Righteous', cursive;
  font-size: 1.5em;
  color: #afb0b0;
}

/*------------patička----------*/
#footbox .col-lg-4 {
  padding: 0% 7%;
}

#footbox {
  font-family: 'Righteous', cursive;
  font-size: 1.0em;
}

#footbox a {
  color: #fff;
}

footer.col-lg-12 {
  background-color: #000;
  color: #fff;
}

.copy {
  display: none;
}

#imp {
  background-color: #000;
}

#footbox h2 {
  margin-bottom: 4%;
  padding-top: 2%;
  font-family: 'Righteous', cursive;
  font-size: 1.8em;
  color: #fff;
}

footer > div.container {
  display: none;
}

/*-------------- responsive ----------------*/
@media screen and (max-width: 992px) { /*zobrazení pro malý notebook*/
  #sluzby div a{
    margin:0 auto;
    display:block;
  }
  #uvodka h1 {font-size:2.5em;}
  #uvodka p.nadpis {font-size:1.2em;}

  #top-header .container {text-align:center; padding-bottom:10px;}
  .navbar .logo, .navbar .navbar-header {
    width:48% ;
    padding-bottom:10px;
    display:inline-block;
  }
}

@media screen and (max-width: 767px) { /*zobrazení pro malý notebook*/

  #uvodka h1 {font-size:2.5em;}
  #uvodka p.nadpis {font-size:1.2em;}

  #sluzby .img {
    border-radius: 100%;
    flex: 0 0 100px;
    height: 200px;
    width: 200px;
  }
  #sluzby a div {
    text-align:center;
  }
  .container {width:auto;}
}