Created
April 15, 2016 08:32
-
-
Save josy1024/f964fb6e56a8afe3d139e62330cd814a to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background-color: #fff; | |
font-family: Roboto, sans-serif; | |
color: #000; | |
font-size: 14px; | |
line-height: 20px; | |
} | |
h1 { | |
margin: 10px 0px; | |
color: #2342a3; | |
font-size: 44px; | |
line-height: 54px; | |
font-style: normal; | |
font-weight: 300; | |
letter-spacing: 0px; | |
text-shadow: none; | |
} | |
h2 { | |
margin: 0px 0px 27px; | |
color: #8a6d2f; | |
font-size: 38px; | |
line-height: 36px; | |
font-weight: 300; | |
text-shadow: none; | |
} | |
h3 { | |
margin: 5px 0px; | |
font-size: 22px; | |
line-height: 30px; | |
font-weight: 400; | |
text-shadow: none; | |
} | |
h4 { | |
margin: 10px 0px; | |
font-size: 18px; | |
line-height: 24px; | |
font-weight: 700; | |
} | |
h5 { | |
margin: 10px 0px; | |
font-size: 14px; | |
line-height: 20px; | |
font-weight: 700; | |
} | |
h6 { | |
margin: 10px 0px; | |
font-size: 12px; | |
line-height: 18px; | |
font-weight: 700; | |
} | |
p { | |
margin-top: 0px; | |
margin-bottom: 5px; | |
padding-right: 60px; | |
padding-left: 60px; | |
color: rgba(0, 0, 0, .4); | |
font-size: 23px; | |
line-height: 30px; | |
font-weight: 300; | |
letter-spacing: 0px; | |
text-shadow: none; | |
} | |
.button { | |
display: block; | |
width: 30%; | |
height: 54px; | |
margin-left: -1px; | |
padding: 4px 29px; | |
float: left; | |
border-top-right-radius: 2px; | |
border-bottom-right-radius: 2px; | |
background-color: #8f1a1f; | |
-webkit-transition: background-color 300ms ease; | |
transition: background-color 300ms ease; | |
color: #fff; | |
font-size: 18px; | |
font-weight: 300; | |
text-align: center; | |
text-decoration: none; | |
} | |
.button:hover { | |
background-color: #4a141c; | |
} | |
.field { | |
width: 70%; | |
height: 54px; | |
padding-right: 20px; | |
padding-left: 20px; | |
float: left; | |
border: 0px solid #000; | |
border-top-left-radius: 2px; | |
border-bottom-left-radius: 2px; | |
background-color: #fff; | |
box-shadow: inset 0 0 8px 0 transparent; | |
-webkit-transition: box-shadow 150ms ease; | |
transition: box-shadow 150ms ease; | |
color: #806732; | |
font-size: 18px; | |
font-weight: 300; | |
} | |
.field:focus { | |
box-shadow: inset 0 0 0 2px #fff; | |
} | |
.bar { | |
width: 14.285%; | |
height: 7px; | |
float: left; | |
background-color: #4a141c; | |
} | |
.container { | |
padding-right: 70px; | |
padding-left: 70px; | |
} | |
.section { | |
padding-top: 81px; | |
padding-bottom: 81px; | |
text-align: center; | |
} | |
.section.hero { | |
margin-top: 1px; | |
padding-top: 92px; | |
padding-bottom: 92px; | |
background-color: #ca141c; | |
direction: ltr; | |
font-family: 'Open Sans', sans-serif; | |
text-align: center; | |
} | |
.section.hero.success { | |
background-color: #4a141c; | |
} | |
.section.grey { | |
background-color: #f2f2f2; | |
} | |
.grey-heading { | |
color: rgba(0, 0, 0, .56); | |
text-shadow: none; | |
} | |
@media (max-width: 991px) { | |
h1 { | |
text-shadow: none; | |
} | |
p { | |
text-shadow: none; | |
} | |
.button { | |
width: 30%; | |
} | |
.field { | |
width: 70%; | |
} | |
.social-btn { | |
-webkit-transition: all 200ms ease; | |
transition: all 200ms ease; | |
} | |
.social-btn:hover { | |
opacity: 0.8; | |
} | |
} | |
@media (max-width: 479px) { | |
h1 { | |
font-size: 36px; | |
line-height: 46px; | |
text-shadow: none; | |
} | |
h2 { | |
font-size: 30px; | |
line-height: 31px; | |
text-shadow: none; | |
} | |
p { | |
padding-right: 18px; | |
padding-left: 18px; | |
text-shadow: none; | |
} | |
.button { | |
width: 100%; | |
margin-left: 0px; | |
border-top-left-radius: 2px; | |
border-bottom-left-radius: 2px; | |
} | |
.field { | |
width: 100%; | |
border-top-right-radius: 2px; | |
border-bottom-right-radius: 2px; | |
text-align: center; | |
} | |
.social-widget { | |
width: 96px; | |
} | |
.social-widget-wrapper { | |
display: block; | |
width: 194px; | |
margin-right: auto; | |
margin-bottom: 15px; | |
margin-left: auto; | |
} | |
.container { | |
padding-right: 10px; | |
padding-left: 10px; | |
} | |
.social-section { | |
padding-right: 14px; | |
padding-left: 14px; | |
} | |
.section { | |
padding-top: 47px; | |
padding-bottom: 47px; | |
} | |
.grey-heading { | |
text-shadow: none; | |
} | |
.image-crop { | |
height: 278px; | |
margin-bottom: -47px; | |
} | |
.phone-image { | |
width: 80%; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment