.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; }