michael-d
9/11/2017 - 1:00 AM

banner 7

banner 7

<div class="topBar">
<div class="bannerContainer">
<p class="tagline">
<a class="enquiry enquire-trigger">Enquire Online</a>
<a class="fancybox-media fancybox.iframe callback" href="/files/callback.html" rel="media-gallery">Request A Callback</a>
</p>

 <div class="socialLinks">
    <a href="#" class="facebook"></a>
    <a href="#" class="instagram"></a>
    <a href="#" class="twitter"></a>
    <a href="#" class="googlePlus"></a>
    <a href="#" class="pinterest"></a>
    <a href="#" class="linkedIn"></a>
    <a href="#" class="youTube"></a>
 </div>
</div>
</div>


<div class="bannerContainer">
<div id="logo">
     <img src="websiteLogo.png" />
</div>

 <div class="contact">
    <p class="phone">03 0000 0000</p>
    <p class="mobile">0400 000 000</p>
    <a class="email" href="mailto:">email@email.com.au</a>
    <p class="address">123 Street Name, Australia 3000</p>
 </div>
 
</div>
#banner .container{
   padding:0px;
   max-width:none !important;
   width:100% !important;
}


#logo{
    width:80%;
    max-width:200px;
    max-height:80px;
padding:30px 0px;
}

#logo > img {
    width:100%;
    height:auto;
}

.contact {
    font-size:1em;
    color:inherit;
}


.contact p, .contact a{
    color:inherit;
    text-decoration:none; 
    line-height:1.2em;
    text-align:right;
}

.contact .email {
    display: block;
    text-align: right;
    width: 100%;
}

.bannerContainer{
width:100%;
max-width:1100px;
margin:auto;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
           flex-direction: row;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
           justify-content: space-between; 
}


.topBar{
background:rgba(0,0,0,.5);
color:#fff;
}



.topBar .bannerContainer p, .topBar .bannerContainer a{
display:inline-block;
font-size:.9em;
}

.tagline a{
cursor:pointer;
font-size:1em;
color:#fff;
text-decoration:none;
background:#515151;
padding:2px 10px;
font-weight:600;
}

.topBar .bannerContainer a:hover{
opacity:.6;
}