@import url('https://fonts.googleapis.com/css?family=Lato|Lato'); html { // background: url(image/background.jpg) no-repeat center center fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.85; position: relative; min-height: 100%; } body { font-family: Lato; font-size: 14px; line-height: 1.42857143; background: url(image/background.jpg) no-repeat center center fixed !important; background-size: 100% 100% !important; } .font { font-family: Lato; } .important-text { text-align: center; } .navbar { overflow: hidden; background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; } .navbar .menu-iten { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } .main { padding: 16px; margin-top: 18%; // height: 100%; // height: 1800px; } .button { background-color: #11c207; border-radius: 15px; -moz-border-radius: 15px; color: white; padding: 12px 24px; font-size: 18px; display: table; margin: 0 auto; } .button:hover { background-color: #21AE1A; } .button-pos { width: 100%; padding: 20px; } .button2 { background-color: #11c207; border-radius: 15px; -moz-border-radius: 15px; color: white; padding: 12px 27px; font-size: 25px; display: table; margin: 0 auto; } .button2:hover { background-color: #21AE1A; } .button-pos2 { width: 100%; } .footer { margin: 0 auto; left: 0; width: 100%; padding: 0px; overflow: hidden; background-color: #9CCCCF; } .box { background-color: #fff; overflow: hidden; width: 100%; margin: 0; padding: 0; left: 0; position: absolute; } .box2 { background: url(image/background2.jpg) no-repeat center center fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; min-height: 100%; background-size: 100% 100% !important; } .mini-box { padding-left: 70px; padding-right: 70px; position: relative; } .box-phone { padding-right: 14%; padding-left: 14%; }