/*
 * Auld & Son | Est. 1876
 */
html {
width:100%;
height:100%;
display:table;
margin:0;
padding:0;
}

body {
width:100%;
height:100%;
display:table;
margin:0;
padding:0;
font:normal 17px 'Source Sans Pro', arial, helvetica, sans-serif;
color:#999;
background:#000;
}

#wrapper{
width:100%;
height:100%;
}

img {
    max-width:100%;
    height:auto;
}

a{
 color:#fff;
 text-decoration: none
}

h1{display:inline}

.title {
font:normal 15px 'Libre Baskerville', georgia, arial, sans-serif;
font-style: italic;
letter-spacing: 0;
color: #fff
}

.names {
font:normal 14px 'Libre Baskerville', georgia, arial, sans-serif;
font-style: italic;
letter-spacing: 0;
color: #fff
}

span.estimates-heading{
font:bold 11px 'Libre Baskerville', georgia, arial, sans-serif;
letter-spacing: 2px;
color: #fff;
line-height: 22px

}

span.contact{
font:normal 11px 'Libre Baskerville', georgia, arial, sans-serif;
/*font-style: italic;*/
letter-spacing: 2px;
color: #fff;
line-height: 20px
}

p {
font:normal 17px 'Source Sans Pro', arial, sans-serif;
color: #080807;
line-height: 25px
}

p.no-margin{
margin-top:0
}

/* row layout */
#header {
  width:100%;
  padding:6% 0 40px 0;
  text-align: center;  
}

#header span{
  width: 415px;
  display: inline-block;
  border: 0px #CCC solid
}

#header span, #content span, #footer span {
  display: inline-block;
  line-height: normal;      
  text-align: center;
  margin: 0 auto;
}

#content {
  padding: 40px 0 25px 0;  
  text-align: center;
}

/* hold content to a certain size */
#content span{
/*   width: 50% */
}

/* responsive content */
@media only screen and (min-width: 384px){

 #content span{  
   /* middle responds */
  width: 90%
 } 
}

/* responsive content */
@media only screen and (min-width: 768px){

 #content span{  
   /* middle responds */
  width: 70%
 } 
}

/* responsive content */
@media only screen and (min-width: 1024px){

 #content span{  
   /* middle responds */
  width: 50%
 } 
}

#footer {
  text-align: center;
  padding: 25px 20px 0 20px;  
}

#bg-wrapper {
min-height:75%;
position:relative;
width: 100%;
background-image: url(AS_bg1.jpg);
background-repeat: no-repeat;
background-position: bottom center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
border:0px #000 solid;
}

/* row colouring */
#header {
background:#000;
}

#content {
background:#888070; /*#847f6b;*/
}

#footer{
 /* background:#000, #38383b; */
}

.white{
color:#fff;
}

/* clear float */
.cf {
clear:both;
}

/* translucency */
.transbox {
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}
.transbox p {}
.transbox span h1.title{
  color: #fff
}

/* author tag */
#author{
float:right;
padding:5px;
font:normal 11px 'Source Sans Pro', arial, sans-serif;
}