Internet_Programmirovanie_Yunusov_Niyaz_PIbd-23/ЛР 3/main.css

.pageBackground{
  background-image: url('./img/Main1.jpg');
  background-attachment: fixed;
  height: auto;
}
body {
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}
.back{
  background-color: #eff0f2
}
.razdel1{
  width: 45%; min-width: 320px ;height: fit-content; background-color: rgba(236,247,230,0.8); padding:2%; border-radius: 20px;
}
.razdel2{
  width: 30%; min-width: 320px ;height: fit-content; background-color: rgba(236,247,230,0.8); padding:2%; border-radius: 20px;
}
.razdel3{
  width: 40%; min-width: 320px ;height: fit-content; background-color: rgba(236,247,230,0.8); padding:2%; border-radius: 20px;
}
.razdel3Uslugi{
  width: 70%; min-width: 320px ;height: fit-content; padding:2%; border-radius: 20px;
}
.razdel4contain{width: 70%; min-width: 320px; height: 500px; background-color: rgba(236,247,230,0.8); border-radius: 20px;}
.razdel4reviews{height: fit-content; width: fit-content; background-color: #d9d9d9; border-radius: 20px;}
h3{
  font-weight: bolder !important;
  font-size: 20px !important;
  color: #000000 !important;
}
h1{
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #000000 !important;
}
h7{
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #000000 !important;
}
h2,h4,h5,h6 {
  font-weight: 600 !important;
  font-size: 20px !important;
  color: #000000 !important;
}

p{
  font-size: 14px !important;
  line-height: 28px;
  margin-bottom: 25px;
  word-spacing: 10px;
}

.centered{
  text-align: center;
}

a:hover, a:focus{
  color: #7b7b7b;
  text-decoration: none;
  outline: 0;
}

hr{
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.navbar{
  font-weight: 800;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-inverse{
  background: #2d2d2d;
  border-color: #2d2d2d;
}

.navbar-inverse .navbar-nav > .active > a{
  background-color: #ff7878;
}

.navbar-inverse .navbar-brand{
  color: #999;
  font-weight: bolder;
  font-size: 22px;
  letter-spacing: 1px;
}

.Navbar{
  color: #184fbd !important;
}

.Backgr{
  background-color: #184fbd !important; 
}

.navbar-style{
  position: sticky !important;
  top: 0px !important;
}

.footer-style{
  position: sticky !important;
  top: 100px !important;
  background-color: #184fbd !important;
}

f{
  font-size: 8px;
  color: #ffffff;
}
.map{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.Otzyv{
  height: 100px; width: 290px; background-color: #d9d9d9; border-radius: 20px;
}

.ContainerOtzyv{
  height: 300px !important;
}

.Galerey{
  width: 70% !important; min-width: 320px !important;height: fit-content !important; min-height: 80% !important; background-color: rgba(236,247,230,0.8) !important; border-radius: 20px !important;
}

.Galerey1{
  background-image: url('img/1.jpg')!important; height: 200px !important; width: 300px !important;
}

.Galerey2{
  background-image: url('img/2.jpg'); height: 200px !important; width: 300px !important;
}
.Galerey3{
  background-image: url('img/3.jpg'); height: 200px !important; width: 300px !important;
}
.Galerey4{
  background-image: url('img/4.jpg'); height: 200px !important; width: 300px !important;
}
.Galerey5{
  background-image: url('img/5.jpg'); height: 200px !important; width: 300px !important;
}

.GalereyNew{
  height: 200px !important; width: 300px !important;
}

.GalereyModal{
  height: fit-content !important; width: 80% !important;
}

.GalereyModal1{
  height: fit-content !important; width: 100% !important;
}

.GalereyModal2{
  width: 100% !important;
}