/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 0.5rem;
}


img  {
  max-width: 1330px;
 
} 
.story img,
.story video {
  float: left;
  padding-left: 0px;
  padding-right: 12px;
  padding-top: 5px;
  clear: both;
}

.story_big img,
.story_big video {
  float: left;
  padding-left: 0px;
  padding-right: 32px;
  padding-top: 5px;
  clear: both;
}

.h6,h6 {
  font-size: 1.2em
}

figure {
  text-align: justify; /* За равномерно разпределение на текста около изображението */
  overflow: hidden; /* Запазва обвивката около флоатнатите елементи */
  margin-right : 40px;
  margin-top:20px;
  margin-bottom:20px;
  float: left;
}

figcaption {
  max-width: 800px; 
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
}
body{
  background: #f2f2f2;
}

.content{
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.content header{
  font-size: 30px;
  font-weight: 700;
}
.content .text{
  font-size: 30px;
  font-weight: 700;
}
.space{
  margin: 10px 0;
}
nav .logo.space{
  color: red;
  padding: 0 5px 0 0;
}
@media (max-width: 980px){
  nav .menu-icon,
  nav .cancel-icon,
  nav .search-icon{
    margin: 0 20px;
  }
  nav form{
    right: 30px;
  }
  nav .logo{
    display: inline-block;
    flex: 2;
    text-align: center;
      background: url(/images/Tempo_Logo.jpg) no-repeat auto ;
      background-size: cover;
      width: 200px;
      margin-left:20px;
  }

}
@media (max-width: 350px){
  nav .menu-icon,
  nav .cancel-icon,
  nav .search-icon{
    margin: 0 10px;
    font-size: 16px;
  }
}
.content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content header{
  font-size: 30px;
  font-weight: 700;
}
.content .text{
  font-size: 30px;
  font-weight: 700;
}
.content .space{
  margin: 10px 0;
}