.big-heading{ font-family: 'Source Sans Pro',sans-serif!important; font-weight: bold; font-size: 40px; text-shadow: rgb(0 0 0 / 10%) 0 5px 10px; text-align: center; color:rgb(53, 53, 53); } .white-section { background-color: #ffffff; padding-top: 10rem; padding-bottom: 5rem; padding-left: 18%; } #title .container-fluid { padding: 5% 34% 6%; text-align: left; font-family: "Georgia"; } #features .container-fluid { padding: 2% 14% 4%; text-align: left; font-family: "Georgia"; } .housesIntro{ width: 1200px; height: 800px; } .contactIntro{ padding-left: 30%; padding-right: 30%; padding-bottom: 80px; } .headerImg{ width: 1200px; height: 800px; } .button-1 { background-color: rgb(0, 0, 0); border-color: transparent; color: #ffffff; font-size: 20px; } .button-1:hover { background-color: rgb(92, 92, 92); color: #ffffff; border-color: transparent; } .buttonhelper { padding-left: 45%; padding-top: 15px; } .buttonka{ padding-top: 2px; } .prev-icon, .next-icon { height: 210px; width: 100px; outline: black; background-size: 100%, 100%; border-radius: 50%; background-image: none; text-shadow: 2px 2px 5px black; } .next-icon:after { content: '>'; font-size: 140px; color: rgb(255, 255, 255); text-shadow: 2px 2px 5px black; } .prev-icon:after { content: '<'; font-size: 140px; color: rgb(255, 255, 255); text-shadow: 2px 2px 5px black; } ol.carousel-indicators { position: absolute; bottom: 5px; margin: 0; left: 0; right: 0; width: auto; } ol.carousel-indicators li, ol.carousel-indicators li.active { width: 1rem; height: 1rem; margin: 0; border-radius: 50%; border: 0; background: transparent; box-shadow: 0 0 1px 1px black; } ol.carousel-indicators li { background: rgb(255, 255, 255); margin-left: .5rem; margin-right: .5rem; box-shadow: 0 0 1px 1px black; } ol.carousel-indicators li.active { background: #17a2b8; box-shadow: 0 0 1px 1px black; } .homePage{ padding-bottom: 15%; }