<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="Reduce-area area-padding bg-brown"> <div class="container"> <div class="row text-center"> <div class="col-md-offset-2 col-md-9 col-sm-12 text-center"> <div class="reduce-title"> <span>МОРСКОЙ КУРС АНГЛИЙСКОГО</span> <h2>НАЧАЛЬНЫЙ УРОВЕНЬ</h2> <h3>Начало занятий - 14 ноября <br>успейте записаться на бесплатный урок</h3> <button type="button" class="btn btn-warning reduce-btn">Записаться сейчас</button> </div> </div> </div> </div> </div>

.bg-brown {background:#ffe7c1;} .area-padding{padding:120px 0px 120px 0px;} .reduce-title span {font-size:28px;font-weight:900;color:#f15a22; letter-spacing:-2px;} .reduce-title h3 {font-size:18px;font-weight:900;color:#000;} .reduce-title h2 {font-size:70px;font-weight:900;color:#f15a22; letter-spacing:-6px;} .reduce-btn {height: 45px;padding: 0 20px;background:#444;border:none;margin:15px 0px 15px 0px;border-radius:0px;font-weight:600;} .reduce-btn:hover{background:#ffd400;color:#000;border:none;} .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background: #ffd400; color:#000;} /*--------------------- Image- Gal- Area ----------*/