2014-10-17 14:59:45 -04:00
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 400 ;
2014-11-11 13:23:42 -05:00
src : local ( 'Montserrat-Regular' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0 . woff ) format ( 'woff' ) ;
2014-10-17 14:59:45 -04:00
}
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 700 ;
2014-11-11 13:23:42 -05:00
src : local ( 'Montserrat-Bold' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM . woff ) format ( 'woff' ) ;
2014-10-17 14:59:45 -04:00
}
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 300 ;
2014-11-11 13:23:42 -05:00
src : local ( 'Open Sans Light' ) , local ( 'OpenSans-Light' ) , url ( https : / / themes . googleusercontent . com / static / fonts / opensans / v8 / DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM . woff ) format ( 'woff' ) ;
2014-10-17 14:59:45 -04:00
}
body {
width : 100 % ;
height : 100 % ;
font-family : 'Open Sans' , sans-serif ;
2014-11-11 14:23:38 -05:00
font-size : 18px ;
2014-10-17 14:59:45 -04:00
color : # fff ;
background-color : # 595959 ;
}
html {
width : 100 % ;
height : 100 % ;
}
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
margin : 0 0 35px ;
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-weight : 700 ;
letter-spacing : 1px ;
}
p {
2014-11-11 14:32:49 -05:00
margin : 0 0 35px ;
2014-11-11 14:19:06 -05:00
font-size : 18px ;
2014-11-11 14:27:21 -05:00
line-height : 1 . 6 ;
2014-10-17 14:59:45 -04:00
}
2014-11-11 14:34:04 -05:00
@ media ( min-width : 767px ) {
2014-11-11 14:30:08 -05:00
p {
2014-11-11 14:32:49 -05:00
margin : 0 0 25px ;
2014-11-11 14:30:08 -05:00
font-size : 18px ;
line-height : 1 . 5 ;
}
}
2014-10-17 14:59:45 -04:00
a {
color : # 28c3ab ;
-webkit-transition : all . 2s ease-in-out ;
-moz-transition : all . 2s ease-in-out ;
transition : all . 2s ease-in-out ;
}
a : hover ,
a : focus {
text-decoration : none ;
color : # 176e61 ;
}
. light {
font-weight : 400 ;
}
. intro {
display : table ;
width : 100 % ;
height : auto ;
padding : 100px 0 ;
color : # fff ;
background : url ( / img / intro-bg . jpg ) no-repeat bottom center scroll ;
background-color : # 000 ;
-webkit-background-size : cover ;
-moz-background-size : cover ;
background-size : cover ;
-o-background-size : cover ;
}
. intro-body {
display : table-cell ;
vertical-align : middle ;
text-align : center ;
}
. brand-heading {
font-size : 40px ;
margin : 0 0 5px ;
}
. intro-text {
font-size : 18px ;
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
}
@ media ( min-width : 767px ) {
. intro {
height : 100 % ;
padding : 50px 0 ;
}
. brand-heading {
font-size : 100px ;
}
. intro-text {
font-size : 25px ;
}
}
. btn-circle {
width : 70px ;
height : 70px ;
margin-top : 15px ;
padding : 7px 16px ;
border : 2px solid # fff ;
border-radius : 35px ;
font-size : 40px ;
color : # fff ;
background : 0 0 ;
-webkit-transition : background . 3s ease-in-out ;
-moz-transition : background . 3s ease-in-out ;
transition : background . 3s ease-in-out ;
}
. btn-circle : hover ,
. btn-circle : focus {
outline : 0 ;
color : # fff ;
background : rgba ( 255 , 255 , 255 , . 1 ) ;
}
. content-section {
height : auto ;
}
. about-section {
width : 100 % ;
height : auto ;
color : # fff ;
display : table ;
background : # 000 ;
}
. about-body {
display : table-cell ;
vertical-align : middle ;
padding : 100px 0 ;
2014-11-11 14:32:49 -05:00
margin-left : 65px ;
margin-right : 65px ;
2014-10-17 14:59:45 -04:00
}
2014-11-11 14:32:49 -05:00
@ media ( min-width : 767px ) {
2014-10-17 14:59:45 -04:00
. content-section {
height : 100 % ;
}
. about-section {
height : 100 % ;
}
. about-body {
padding : 50px 0 ;
2014-11-11 14:34:04 -05:00
margin-left : 10px ;
margin-right : 10px ;
2014-10-17 14:59:45 -04:00
}
}
:: -moz-selection {
text-shadow : none ;
background : # fcfcfc ;
background : rgba ( 255 , 255 , 255 , . 2 ) ;
}
:: selection {
text-shadow : none ;
background : # fcfcfc ;
background : rgba ( 255 , 255 , 255 , . 2 ) ;
}
img :: selection {
background : 0 0 ;
}
img :: -moz-selection {
background : 0 0 ;
}
body {
webkit-tap-highlight-color : rgba ( 255 , 255 , 255 , . 2 ) ;
2014-11-11 14:14:40 -05:00
}
input [ type = "text" ] {
border : 1px solid # 488c1d ;
color : # 488c1d ;
background-color : transparent ;
2014-11-11 14:16:32 -05:00
padding : 7px ;
2014-11-11 14:14:40 -05:00
}
input [ type = "text" ] : hover ,
input [ type = "text" ] : focus {
border : 1px solid # 488c1d ;
outline : 0 ;
color : # 000 ;
background-color : # 488c1d ;
2014-11-11 14:19:06 -05:00
}
# ipbox {
border : 1px solid # 488c1d ;
color : # 000 ;
background-color : # 488c1d ;
2014-11-11 14:19:49 -05:00
padding : 7px ;
display : inline-block ;
2014-10-17 14:59:45 -04:00
}