2014-11-11 18:23:42 +00:00
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 400 ;
2014-11-11 19:14:40 +00:00
src : local ( 'Montserrat-Regular' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0 . woff ) format ( 'woff' ) ;
2014-11-11 18:23:42 +00:00
}
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 700 ;
2014-11-11 19:14:40 +00:00
src : local ( 'Montserrat-Bold' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM . woff ) format ( 'woff' ) ;
2014-11-11 18:23:42 +00:00
}
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 300 ;
2014-11-11 19:14:40 +00:00
src : local ( 'Open Sans Light' ) , local ( 'OpenSans-Light' ) , url ( https : / / themes . googleusercontent . com / static / fonts / opensans / v8 / DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM . woff ) format ( 'woff' ) ;
2014-11-11 18:23:42 +00:00
}
body {
width : 100 % ;
height : 100 % ;
font-family : 'Open Sans' , sans-serif ;
color : # fff ;
background-color : # 595959 ;
2014-11-14 19:57:50 +00:00
margin : 0 ;
2014-11-11 18:23:42 +00:00
}
html {
width : 100 % ;
height : 100 % ;
2014-11-14 19:57:50 +00:00
margin : 0 ;
2014-11-11 18:23:42 +00:00
}
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
2014-11-14 21:00:53 +00:00
margin : 0 0 25px ;
2014-11-11 18:23:42 +00:00
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-weight : 700 ;
letter-spacing : 1px ;
2014-11-14 19:57:50 +00:00
text-align : center ;
2014-11-11 18:23:42 +00:00
}
p {
2014-11-14 21:00:53 +00:00
margin : 0 0 15px ;
line-height : 1 . 4 ;
2014-11-14 19:57:50 +00:00
text-align : center ;
2014-11-11 18:23:42 +00:00
}
@ media ( min-width : 767px ) {
p {
2014-11-14 21:00:53 +00:00
margin : 0 0 20px ;
2014-11-14 19:57:50 +00:00
line-height : 1 . 5 ;
2014-11-11 18:23:42 +00:00
}
2014-11-14 21:00:53 +00:00
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
margin : 0 0 30px ;
}
2014-11-11 18:23:42 +00: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 % ;
2014-11-14 19:57:50 +00:00
height : 100 % ;
2014-11-11 18:23:42 +00:00
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 {
2014-11-14 21:00:53 +00:00
font-size : 35px ;
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-weight : 700 ;
letter-spacing : 1px ;
text-align : center ;
margin : 0 ;
2014-11-11 18:23:42 +00:00
}
. intro-text {
2014-11-14 21:00:53 +00:00
font-size : 16px ;
2014-11-11 18:23:42 +00:00
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
2014-11-14 21:00:53 +00:00
margin-top : 0px ;
margin-bottom : 30px ;
2014-11-11 18:23:42 +00:00
}
@ media ( min-width : 767px ) {
. brand-heading {
font-size : 100px ;
}
. intro-text {
font-size : 25px ;
}
}
. btn-circle {
2014-11-14 21:00:53 +00:00
padding : 7px 14px ;
border : 1px solid # fff ;
2014-11-11 18:23:42 +00:00
border-radius : 35px ;
2014-11-14 21:00:53 +00:00
font-size : 20px ;
2014-11-11 18:23:42 +00:00
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 ;
2014-11-14 21:00:53 +00:00
text-decoration : none ;
2014-11-11 18:23:42 +00:00
}
. btn-circle : hover ,
. btn-circle : focus {
outline : 0 ;
color : # fff ;
background : rgba ( 255 , 255 , 255 , . 1 ) ;
}
. content-section {
height : auto ;
}
. about-section {
width : 100 % ;
2014-11-14 19:57:50 +00:00
height : 100 % ;
2014-11-11 18:23:42 +00:00
color : # fff ;
display : table ;
background : # 000 ;
}
. about-body {
display : table-cell ;
vertical-align : middle ;
2014-11-14 21:00:53 +00:00
padding-left : 20px ;
padding-right : 20px ;
padding-top : 40px ;
padding-bottom : 40px ;
font-size : 16px ;
2014-11-11 18:23:42 +00:00
}
@ media ( min-width : 767px ) {
. content-section {
height : 100 % ;
}
. about-section {
height : 100 % ;
}
. about-body {
2014-11-14 21:00:53 +00:00
padding-left : 90px ;
padding-right : 90px ;
font-size : 21px ;
2014-11-11 18:23:42 +00:00
}
2014-11-14 21:00:53 +00:00
input [ type = "text" ] {
font-size : 21px ;
}
# ipbox {
font-size : 21px ;
}
. btn-circle {
padding : 7px 18px ;
font-size : 30px ;
}
2014-11-11 18:23:42 +00: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-14 19:57:50 +00:00
}
input [ type = "text" ] {
border : 1px solid # 488c1d ;
color : # 488c1d ;
background-color : transparent ;
padding : 7px ;
font-family : 'Open Sans' , sans-serif ;
2014-11-14 21:00:53 +00:00
font-size : 16px ;
2014-11-14 19:57:50 +00:00
margin-top : 25px ;
-webkit-border-top-right-radius : 3px ;
-webkit-border-bottom-right-radius : 3px ;
-moz-border-radius-topright : 3px ;
-moz-border-radius-bottomright : 3px ;
border-top-right-radius : 3px ;
border-bottom-right-radius : 3px ;
}
input [ type = "text" ] : hover ,
input [ type = "text" ] : focus {
border : 1px solid # 488c1d ;
outline : 0 ;
color : # 000 ;
background-color : # 488c1d ;
}
# ipbox {
border : 1px solid # 488c1d ;
color : # 000 ;
background-color : # 488c1d ;
padding : 7px ;
display : inline-block ;
2014-11-14 21:00:53 +00:00
font-size : 16px ;
2014-11-14 19:57:50 +00:00
margin-top : 25px ;
-webkit-border-top-left-radius : 3px ;
-webkit-border-bottom-left-radius : 3px ;
-moz-border-radius-topleft : 3px ;
-moz-border-radius-bottomleft : 3px ;
border-top-left-radius : 3px ;
border-bottom-left-radius : 3px ;
}
# ip {
text-align : center ;
2014-11-11 18:23:42 +00:00
}