/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face{
	font-family: varelaround;
	src : url('../fonts/varela-round/varelaround-regular.otf');
}

@font-face{
	font-family: helveticaneue;
	src: url('../fonts/Helvetica Neue Thin/HelveticaNeue-Thin.otf');
}

body{
	font-family:			helveticaneue,arial,sans-serif;
  padding-top: 50px;
}

@media screen and (max-width:767px)
{
  img.logo{
  	height:180px !important;
  }

  #quotebanner-container{
    display:none;
  }

  #quote-first-container{
    margin-top:20px !important;
   }
}

@media screen and (max-width:990px)
{
  .no-mobile {
    display:none;
  }

  .only-mobile {
    display:initial;
  }
}

@media screen and (min-width:991px)
{
  .no-mobile {
    display:initial;
  }
  .only-mobile {
    display:none;
  }
}

#quote-first-container{
  margin-top:410px;
  padding-top:5px;
}

#mainbanner{
	display: block;
	background-image: 		url('../img/perth_view.jpg');
/*	background-size: 		100% auto;*/
	background-repeat:		no-repeat;
	background-position:	center top;

  /* -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);*/

    height:400px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

#quotebanner{
  display: block;
  background-image:     url('../img/quote_banner.jpg');
 /* background-size:    contain;*/
  background-repeat:    no-repeat;
  background-position:  right top;


  /* -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);*/

    height:400px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

#mainbannercontent{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	margin-left: 10%;
	margin-top: 30px;
  line-height:43px;
}

#quotebannercontent{
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  margin-left: 10%;
  margin-top: 50px;
  line-height:43px;
}

#mainbannercontent img{
	margin-bottom:10px;
}
#mainbannercontent span, #quotebannercontent span{
	padding:10px;
	font-weight: bolder;
	color: white;
	background-color: rgba(0,0,0,0.5);

	font-size:22px;
	margin-left:30px;
	margin-top:20px;
}

#mainbannercontent p{
	margin-left:30px;
}

#footerAddress{
  font-size:16px;
  margin-right: 50px;
}

.navbar-brand img{
  max-width:40px;margin-top:-6px;background-color:#eee;padding:4px;border-radius:5px;
}
nav{
	font-family: impact;
	z-index: 9999;
}

p.navbar-text{
  margin-top: 10px;
  margin-bottom:10px;
  font-size:19px;
}

.navbar-right a{
  color: #DDDDDD;
}

.navbar-left a{
  color: #DDDDDD;
}


div.container .row div{
	text-align:center;
}

img.logo{
	height:200px;
}

div.odd{
  background:#eee; 
}

div.even{

}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";

  text-align: left;
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

footer a{
  color: #333;
}