.title{ font-size: 48px; text-decoration:none; color:black; } h1,h4{ text-align: center; font-family:Arial; } #a_list{ font-family:Arial; text-align: center; margin: auto; padding: 10px 20px; color:black; } #a_list a{ font-family:Arial; font-size: 18px; text-decoration: none; color: black; background-color:white; padding: 10px 50px; } #a_list a:hover{ font-size: 18px; text-decoration: none; font-family:"Arial"; color: white; background-color:black; } header{ height: 180px; } * {box-sizing:border-box} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; height:100vh; } /* Hide the images by default */ .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } #hero{ color:gray; text-decoration:none; font-size: 24px; } #headerimage{ margin-left: auto; margin-right:auto; display: block; } .mySlides.fade{ height:60vh; width: auto; } .mySlides.fade img{ height:80vh; width: auto; } .mySlides.fade p{ font-size:20px; } /* footer */ .squeeze_footer{ background-color:#000; width: 100%; height: 300px; } .newsletter-subscription{ padding-top: 2em ; float: left; position: relative; left:22%; } h6.newsletter-subscription__title{ margin:auto; color:#fff; text-align: center; font-size:2vmin; letter-spacing: 0.01em; padding-bottom:10px; } .newsletter-subscription__form{ text-align: center; padding: 0px 0; display: block; border: 1px solid white; height: 35px; width: 300px; display: -ms-flexbox; display: flex; margin: auto; } .newsletter-subscription__form>input:nth-child(3){ height:34px; } .newsletter-subscription__form__email-input { border: unset; border-radius: 0; /* -ms-flex: 3 1 auto; */ flex: 3 1 auto; padding: 10px; }.newsletter-subscription__form__submit-btn { border: unset; background-color: black; /* -ms-flex: 1 1 auto; */ flex: 1 1 auto; } button{ text-transform: none; } input { -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; appearance: auto; background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59)); -webkit-rtl-ordering: logical; cursor: text; font: 400 13.3333px Arial; } /* foot_container */ .main-footer__row{ margin: 0; } /* foot_left */ .footer-info{ display: block; float:left; padding-top:2em; margin-left:50px; } .footer-info a{ text-decoration: none; color:white; text-align:center; font-weight: 900; font-size: 5vmin; } img { vertical-align: middle; border-style: none; } .footer-info__copyright-symbol{ color:#fff; } .main-footer__left{ padding-top:2em; } /* foot_right */ .foot_right{ float:right; } .foot_right a{ color:rgb(206, 142, 142); text-decoration: none;} .main-footer__right-nav-list { padding: 0; list-style-type: none; padding-top: 3em ; } .main-footer__right-nav-list>li{ padding: 0 20px 0 10px; display:inline-block; border-right:1px solid #fff; } .main-footer__right-nav-list>li a{ text-decoration: none; letter-spacing: 3px; color:#fff; } .main-footer__right-info{ color:#fff; }