@charset "UTF-8"; @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); * { box-sizing: border-box; } /* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */ ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-family: "Roboto", Helvetica, Arial, sans-serif; } li a:hover:not(.active) { background-color: #111; } .active { background-color: #DE584F; } body { margin: 0; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 40px; color: #333; } /*Section*/ .section { padding: 80px 0; } .section--gray { background-color: #f8f8f8; } .section__header { width: 100%; max-width: 950px; margin: 0 auto 50px; text-align: center; } .section__suptitle { font-family: 'Kaushan Script', cursive; font-size: 40px; color: black; } .section__title { font-size: 30px; font-weight: 700; color: black; text-transform: uppercase; } .section__title:after { content: ""; display: block; width: 60px; height: 3px; margin: 30px auto; background-color: #C1E861; } .section__text { color: #999; font-size: 15px; } .section__text:after { content: ""; display: block; width: 60px; height: 3px; margin: 30px auto; background-color: #C1E861; } /*Slider*/ .slick-list { overflow: hidden; } .slick-track { display: flex; }