Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* GENERAL */
- *
- {
- margin: 0;
- padding: 0;
- }
- body
- {
- font-family: Arial,sans-serif;
- font-size: 15px;
- }
- h1, h2, h3, h4
- {
- color: #444;
- }
- h1
- {
- font-family: "Crete Round", serif;
- font-size: 45px;
- }
- h2
- {
- font-size: 55px;
- }
- h3
- {
- font-size: 30px
- }
- h4
- {
- font-size: 24px;
- }
- p
- {
- line-height: 20px;
- color:#777;
- }
- ul
- {
- list-style: none;
- }
- a
- {
- text-decoration: none;
- color: #444;
- }
- small
- {
- font-size: 13px;
- font-style: italic;
- }
- .wrapper
- {
- width: 940px;
- margin: 0 auto;
- padding: 0 10px;
- }
- .orange
- {
- color: #ff7a00;
- }
- .clear
- {
- clear: both;
- }
- /* HEADER */
- header
- {
- height: 120px;
- }
- header h1
- {
- float: left;
- margin-top: 32px;
- }
- header nav
- {
- float: right;
- margin-top: 50px;
- }
- header nav ul li
- {
- display: inline-block;
- }
- header nav ul li a
- {
- text-transform: uppercase;
- font-weight: bold;
- margin-right: 20px
- }
- /* Main Image */
- #main-image
- {
- height: 580px;
- background: url("images/main.jpg") center;
- }
- #main-image h2
- {
- font-weight: normal;
- text-transform: uppercase;
- text-align: center;
- padding: 150px 0 40px 0;
- margin-bottom: 20px;
- }
- .button-1
- {
- width: 120px;
- height: 50px;
- display: block;
- background: #ff7a00;
- color: #fff;
- font-size: 20px;
- margin: 0 auto;
- line-height: 50px;
- text-align: center;
- border-radius: 3px;
- }
- .button-1:hover
- {
- background: #02b8dd;
- }
- /* STEPS */
- #steps ul
- {
- margin: 80px 0;
- }
- #steps ul li
- {
- width:300px;
- float: left;
- padding-top: 140px;
- text-align: center;
- margin-right: 10px;
- }
- #steps h4
- {
- text-transform: uppercase;
- margin-bottom: 20px;
- }
- #steps p
- {
- margin-bottom: 20px;
- }
- #step-1
- {
- background: url("images/steps-icon-1.png") no-repeat top center;
- }
- #step-2
- {
- background: url("images/steps-icon-2.png") no-repeat top center;
- }
- #step-3
- {
- background: url("images/steps-icon-3.png") no-repeat top center;
- }
- /*Possibilities */
- #possibilities
- {
- background-color: #efefef;
- padding: 60px 0;
- }
- #possibilities article
- {
- width: 460px;
- height: 270px;
- float: left;
- border-radius: 10px;
- }
- #possibilities article:first-child
- {
- margin-right: 20px;
- }
- .overlay
- {
- background: rgba(255,255,255, 0.95);
- height: 100%;
- width: 190px;
- padding: 20px;
- border-radius: 10px 0 0 10px;
- text-align: center;
- box-sizing: border-box;
- }
- article h4
- {
- border-bottom: 1px solid #ddd;
- padding-bottom: 20px;
- text-transform: uppercase;
- margin-bottom: 20px;
- text-align: center;
- }
- #possibilities p
- {
- text-align: center;
- margin-bottom: 20px;
- }
- .button-2
- {
- color: #fff;
- background-color: #ff7a00;
- padding: 6px 20px;
- border-radius: 3px;
- }
- .button-2:hover
- {
- color: #fff;
- background-color: #02b8dd;
- }
- /* CONTACT */
- #contact
- {
- padding: 60px 0;
- text-align: center;
- }
- #contact h3
- {
- text-transform: uppercase;
- margin-bottom: 20px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement