@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto:400,500,700');

html,body {
  width:100%;
  height:100%;
  font-family: 'Poppins', Courier, monospace;
  color:#222;
  scroll-behavior: smooth;
}
:root{
  --main-coLor:rgb(235, 57, 57);
  --text-corLor:#222;
  --bg-coLor: #F5f5f5;
  --big-font:5rem;
  --h3-font:1.2rem;
  --p-font:0.9rem;
}
section{
  padding: 70px 17% ;
}
figure
{
  text-align: center;
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.navbar
{
  padding: 0.5rem;
  background-color: #0f0f0f;
}
.navbar-brand img
{
  width:20%;
}
.navbar-brand h1
{
  display: inline;
  vertical-align:middle;
  font-size: 1.5rem;
}
.navbar-toggler
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(245,245,245)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.navbar-toggler-icon:hover
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(235, 57, 57)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
  outline: whitesmoke;
}
.nav-item:enabled
{
  color: whitesmoke;
}
.navbar-nav li 
{
  padding-right: 10px;
  font-size: 1.2rem;
  transition: 0.3s
}
.navbar-nav li :hover
{
  coLor: var(--main-coLor) !important;
  padding-right: 10px;
  font-size: 1.2rem;
  transition: 0.3s;
}
.nadpis
{
  background-color:rgb(83, 14, 14) ;
  color:whitesmoke;
  width: 100%;
}
.nadpis h1
{
  font-size: 67px;
  font-weight: 800;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  padding-left: 2.5%;
}
.podNadpis
{
  float:left;
  background-color: darkred;
  width: 260px;
  height:2px;
  margin-left: 5%;
}
.home{
  width:100%;
  min-height: 90vh;
  display: inline-flex;
   align-items: center;   
}
.home-text h3{
 font-size: 25px;
  coLor: var(--text-corLor);
  margin:1rem 0 2rem;
  text-align: center;
  }
  .home-text span
  {
    font-weight: 800;
  }
.home-img img{
max-width: 110%;
height: auto;
border-radius: 6%;
display: flex;
  flex-wrap: wrap;
}
.home-text h1{
  font-size: var(--big-font) ;
  coLor: var(--main-coLor);
  margin-left: 0;
}
.home li
{
  padding-bottom:3%;
  word-break: keep-all;
}
iframe
{
  width:100%;
  height:400px;
  border:0;
  border-radius: 10%;
}
.btn{
  display: inline-block;
  padding: 10px 20px;
  background: var(--main-coLor);
  coLor:whitesmoke;
  border-radius:0.5rem;
  transition: .3s;
  font-size: 1rem;
}
.btn:hover{
  display: inline-block;
  padding: 10px 20px;
  background-color: darkred;
  coLor:whitesmoke;
  border-radius:0.9rem;
  transition: .3s;
  font-size: 1.2rem;}
  .about{ 
    width:100%;
  min-height: 90vh;
  display: inline-flex;
   align-items: center;   
  }
  .about-img img{
    max-width: 100%;
    height: auto;
    border-radius: 6%;
    display: inline-block;
      flex-wrap: wrap;
  }
  .about-text
  {
    float: right;
    text-align: center;
  }
  .about-text h3{
    font-size: 30px; 
  coLor: var(--text-corLor);
  margin:1rem 0 2rem;
  text-align: center;
  }
hr
{
  background-color: darkred;
width: 70%;
height:1.5px;
}
.welcome hr
{
  border-top: 5px solid darkred;
  width:95%
}
.social a
{
  font-size: 3.5rem;
  padding:3rem; 
}
.fa-location-dot
{
  coLor: var(--main-coLor);
  transition: 0.5s;
}
.fa-whatsapp
{
  coLor: var(--main-coLor);
  transition: 0.5s;
}
.fa-envelope
{
  coLor: var(--main-coLor);
  transition: 0.3s;
}
 .fa-whatsapp:hover, .fa-envelope:hover, .fa-location-dot:hover
{
  color:darkred;
  transition: 0.3s;
}
.info a p
{
 text-decoration: none;
 font-size: 20px;
  color:#222;
  opacity: 60%;
}
footer
{
padding-top: 1rem;
}
footer h5
{
  color: #8b0000;
}
footer p
{
  background-color: #f5f5f5;
  color:#222;
  opacity: 60%;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 992px) {
  }
@media (max-width: 768px) { 
  .column {
    flex: 50%;
    max-width: 50%;
  }
}
@media (max-width: 576px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
[class*="col-"] {
    padding: 1rem;
}
.collapse .odkazTrasy
{
  color:#222;
  text-decoration: none;
}