* { fonlt-family: "Roboto", sans-serifs; } body{ background: #000; color: white; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; } #location { margin-top: 10%; display: block; border: none; background: rgba(255, 255, 255, .5); border-radius: 10px; color: dark; outline: none; width: 50%; font-size: 30px; text-align: center; margin-left: 25%; padding: 20px; } #show { display: block; border: none; background: rgba(255, 255, 255, .5); margin-top: 19px; border-radius: 10px; padding: 20px; color: white; outline: none; width: 20%; font-size: 23px; text-transform: uppercase; font-weight: bold; cursor: pointer; margin-left: 40%; border-radius: 20px; margin-bottom: 15%; } #show:hover { opacity: .9; } #location::placeholder { color: rgba(255, 255, 255, .5); } header nav { float: right; width: 50%; margin: 1px; } header nav ul { list-style: none; display: flex; justify-content: space-between; z-index: 2; position: relative; } header nav ul li { display: inline-block; } header nav ul li a { color: #fff } header nav ul li.btn a, .email .block button { background: #FA9021; padding: 9px 17px; border-radius: 5px; transition: all 500ms ease; } header .logo, footer .blocks .logo { text-transform: uppercase; font-size: 29px; font-weight: 800; } .wrapper { width: 100%; overflow-x: hidden; } .container { width: 1400px; margin: 0 auto; } a { text-decoration: none; } h3 { font-weight: 600; font-size: 31px; margin-top: 25%; margin-bottom: 150px; text-align: center; } div .client { font-weight: 500; line-height: 170%; margin: 30px; font-size: 20px; } div h1 { font-size: 50px; font-weight: 600; } div button { background: #FA8305; color: #fff; border-radius: 30px; padding: 15px 30px; border: 0; transition: all 500ms ease; font-size: 17px; cursor: pointer; } .com { margin-bottom: 150px; background: #1c140f; } .info { text-align: center; background: #000; } .infoimg { margin-top: 100px } .infop { font-size: 20px; } .feedback { padding: 70px 0; background: #1C140F; } .feedback h2 { text-align: center; font-weight: 500; font-size: 30px; } .feedback p { text-align: center; margin-top: 10px; } .feedback form { margin: 80px auto; width: 600px; } .feedback form .inline { display: flex; justify-content: space-between; } .feedback form .inline>div { width: 50%; } .feedback form label { color: #4F4F4F; font-size: 14px; } .feedback form input, .feedback form textarea { background: #2C2420; border-radius: 10px; border: 0.6px solid #CECECE; display: block; width: 90%; padding: 15px 10px; outline: none; color: #fff; margin-top: 7px; margin-bottom: 20px; } .feedback form .one-line { width: 96%; } .feedback form textarea { resize: none; height: 200px; } .feedback form button { background: #DC7000; border-radius: 5px; border: 0; float: right; cursor: pointer; color: #fff; padding: 15px 35px; transition: all 500ms ease; } .feedback form button:hover { background: #b01414; } footer { background: #000; padding: 50px 0; } footer .blocks { display: flex; justify-content: space-between; } footer .blocks p { width: 300px; margin: 15px 0; } footer .blocks h4 { font-weight: 500; font-size: 17px; } footer .blocks ul { list-style: none; } footer .blocks ul li { margin-top: 7px; opacity: 0.8; } footer hr { margin: 30px 0; border: 0; height: 0.6px; background: #ccc; } footer>p { text-align: center; }