/*=============================================================================
  ***************************************************************************
  Global
  ***************************************************************************
=============================================================================*/

@-moz-keyframes bounce_circularG {
  0% { -moz-transform:scale(1) }
  100%{ -moz-transform:scale(.3) }
}
@-webkit-keyframes bounce_circularG {
  0% { -webkit-transform:scale(1) }
  100% { -webkit-transform:scale(.3) }
}
@-ms-keyframes bounce_circularG {
  0% { -ms-transform:scale(1) }
  100% { -ms-transform:scale(.3) }
}
@-o-keyframes bounce_circularG {
  0% { -o-transform:scale(1) }
  100% { -o-transform:scale(.3) }
}
@keyframes bounce_circularG {
  0% { transform:scale(1) }
  100% { transform:scale(.3) }
}


/*========== Sections ==========*/
.page-wrap { overflow: hidden;}
.section { padding: 100px 0; }
.section.no-pad { padding: 0;}
.overlay { padding: 100px 0;}
#header .overlay { padding: 0;}
.section-header { margin-bottom: 75px;}
.background-image { color: #fff;}




/*=============================================================================
  ***************************************************************************
  Typography
  ***************************************************************************
=============================================================================*/

html,body,input { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; color: #666;}

html,body { overflow-x: hidden;}

h1,h2,h3,h4,h5,h6 { font-weight: 300;}

.text-centre { text-align: center;}
.bold { font-weight: 900;}






/*=============================================================================
  ***************************************************************************
  Header
  ***************************************************************************
=============================================================================*/

.intro { display: table; width: 100%;}
.intro-inner { height: 100%; display: table-cell; vertical-align: middle;}
.logo img { max-width: 100%; width: 900px; display: block; margin: 0 auto 75px auto;}
.phone { font-family: 'serif', cursive; font-size: 2em; margin: 0 auto 75px auto; color:black; }
.units {text-align: center;}
.units h2 { font-family: 'serif', cursive; color:black; font-size: 2.875em; /* 30px/16=1.875em */}
.units ul { list-style-type: none}
.units ul li { font-family: 'serif', cursive; color:black; font-size: 1.875em; /* 30px/16=1.875em */}
.units ul li span { font-family: 'serif', cursive; font-size: 0.5em; /* 30px/16=1.875em */}





/*=============================================================================
  ***************************************************************************
  Background Images
  ***************************************************************************
=============================================================================*/

#header.background-image { background: url('../images/bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}

.overlay { background: rgba(255,255,255,0.65); width: 100%; height: 100%;}