2014-11-11 13:23:42 -05:00
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 400 ;
2014-11-11 14:14:40 -05:00
src : local ( 'Montserrat-Regular' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0 . woff ) format ( 'woff' ) ;
2014-11-11 13:23:42 -05:00
}
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 700 ;
2014-11-11 14:14:40 -05:00
src : local ( 'Montserrat-Bold' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM . woff ) format ( 'woff' ) ;
2014-11-11 13:23:42 -05:00
}
@ font-face {
font-family : 'Open Sans' ;
font-style : normal ;
font-weight : 300 ;
2014-11-11 14:14:40 -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-11-11 13:23:42 -05:00
}
body {
width : 100 % ;
height : 100 % ;
font-family : 'Open Sans' , sans-serif ;
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 {
margin : 0 0 25px ;
2014-11-11 14:14:40 -05:00
font-size : 14px ;
2014-11-11 13:23:42 -05:00
line-height : 1 . 5 ;
}
@ media ( min-width : 767px ) {
p {
margin : 0 0 35px ;
font-size : 20px ;
line-height : 1 . 6 ;
}
}
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 ;
}
. navbar {
margin-bottom : 0 ;
border-bottom : 1px solid rgba ( 255 , 255 , 255 , . 3 ) ;
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
background-color : # 000 ;
}
. navbar-brand {
font-weight : 700 ;
}
. navbar-brand : focus {
outline : 0 ;
}
. navbar-custom a {
color : # fff ;
}
. navbar-custom . nav li a {
-webkit-transition : background . 3s ease-in-out ;
-moz-transition : background . 3s ease-in-out ;
transition : background . 3s ease-in-out ;
}
. navbar-custom . nav li a : hover ,
. navbar-custom . nav li a : focus ,
. navbar-custom . nav li . active {
outline : 0 ;
background-color : rgba ( 255 , 255 , 255 , . 2 ) ;
}
. navbar-toggle {
padding : 4px 6px ;
font-size : 16px ;
color : # fff ;
}
. navbar-toggle : focus ,
. navbar-toggle : active {
outline : 0 ;
}
@ media ( min-width : 767px ) {
. navbar {
padding : 20px 0 ;
border-bottom : 0 ;
letter-spacing : 1px ;
background : 0 0 ;
-webkit-transition : background . 5s ease-in-out , padding . 5s ease-in-out ;
-moz-transition : background . 5s ease-in-out , padding . 5s ease-in-out ;
transition : background . 5s ease-in-out , padding . 5s ease-in-out ;
}
. top-nav-collapse {
padding : 0 ;
background-color : # 000 ;
}
. navbar-custom . top-nav-collapse {
border-bottom : 1px solid rgba ( 255 , 255 , 255 , . 3 ) ;
}
}
. 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 ;
}
. ip-section {
width : 100 % ;
padding : 50px 0 ;
color : # fff ;
background : # 1F1F1F ;
}
. about-section {
width : 100 % ;
height : auto ;
color : # fff ;
display : table ;
background : # 000 ;
}
. about-body {
display : table-cell ;
vertical-align : middle ;
padding : 100px 0 ;
}
@ media ( min-width : 767px ) {
. content-section {
height : 100 % ;
}
. about-section {
height : 100 % ;
}
. about-body {
padding : 50px 0 ;
}
. ip-section {
padding : 100px 0 ;
}
}
:: -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 ) ;
}