.demo{ background: #F2F2F2; } .form-container{ background-color: #e8ddbf; font-family: 'Nunito', sans-serif; text-align: center; padding: 60px 100px 100px; border-radius: 50%; } .form-container .title{ color: #666157; font-size: 30px; font-weight: 700; text-transform: capitalize; margin: 0 0 20px; display: inline-block; position: relative; } .form-container .form-horizontal .form-group{ font-size: 0px; margin: 0 0 15px; } .form-container .form-horizontal .form-control{ color: #666157; background: #E6E6E6; font-size: 16px; font-weight: 600; letter-spacing: 1px; height: 45px; padding: 6px 30px; border-radius: 50px; box-shadow: inset -3px -3px 10px #eee; border: none; border-top: 2px solid #CECECE; border-left: 2px solid #CECECE; } .form-container .form-horizontal .form-control:focus{ outline: none; box-shadow: none; } .form-container .form-horizontal .form-control::placeholder{ color: #666157; font-weight: 600; font-style: italic; } .form-container .form-horizontal .btn{ color: #fff; background-color: #e6a760; font-size: 25px; font-weight: 700; font-style: italic; text-transform: capitalize; width: 100%; border: none; border-radius: 50px; box-shadow: inset -3px -3px 10px #bd841b; transition: all 0.3s ease 0s; } .form-container .form-horizontal .btn:hover{ letter-spacing: 3px; } .form-container .form-horizontal .btn:focus{ outline: none; } @media only screen and (max-width:479px){ .form-container{ padding: 50px 50px 70px; border-radius: 30%; } }