/* ==========================================================================
   Author's custom styles
   ========================================================================== */
::-moz-selection { background: #e2d36b; color: #b08f6e; }
::selection { background: #e2d36b; color: #b08f6e; }
a:focus{outline: none}

h1 {
font-family: RollingPenBasicTwo;
color: #e2d36b;
}

body {
font-family: "Iowan Old Style", Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
color: #b08f6e;
font-size: 14px;
line-height: 1.8em;
}

a {
border: none;
color: #b08f6e;
text-underline: none;
}

a:hover, a:active, a:focus {
color: #9ad0e2;
text-decoration: none;
text-underline: none;
}

.footer a:hover, a:active, a:focus {
color: #bfe6f4;
padding: 15px 0px 0px 0px;
}

.footer .person {
font-weight: bold;
letter-spacing: .04em;
font-size: 11px;
}
    
[class*="col-"] {
background: none;
padding: none !important;
border: none;
max-width: 100%;
}

[class*="col-"] img {
overflow: hidden;
}

/*[class*="col-"] img {
max-width: 100% !important;
max-height: 100% !important;
}*/

#logo {
text-align: center;
padding: 100px 0px 40px 0px;
}

#house {
background: url("../images/house.png");
background-repeat: no-repeat;
text-align: right;
padding: 39px 0 39px 0;
height: 30px;
width: 40px;
background-position: 0px 29px;
float: right;
}

/*#house, a:hover::before {
background-position: 0px -43px;
}*/

#grid {
background: url("../images/grid.png") no-repeat;
height: 640px;
width: 100%;
background-size: cover;
background-position: 0 0 0 -10px;
border-color: #fff;
}

#referrals {
width: 100%;
height: auto;
padding: 10px 0 0 0;
}

#maincontent {
padding: 0 30px 0 0;
}

.footer {
background: #cec6c2;
}

#socmed {
font-family: fontawesome;
letter-spacing: .6em;
}

#socmed a:hover a:active {
 color: #bfe6f4;
}

.quotes {
font-family: "Iowan Old Style", Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
font-style: italic; 
font-size: 14px;
padding-bottom: .9em;
}
.person {
font-family: "Iowan Old Style", Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
text-transform: uppercase;
font-size: 11px;
font-style: normal;
}

/*#concrete {
background: url("../images/concrete.png");
background-height: 100%;
background-repeat: no-repeat;
height: 308px;
border: 3px solid;
border-color: #fff;
}

#lamp {
background: url("../images/lamp.png");
background-height: 100%;
background-repeat: no-repeat;
    height: 308px;
border: 3px solid;
border-color: #fff;
}

#window {
background: url("../images/window.png");
background-height: 100%;
background-repeat: no-repeat;
    height: 308px;
border: 3px solid;
border-color: #fff;

}

#wood {
background: url("../images/wood.png");
background-height: 100%;
background-repeat: no-repeat;
    height: 308px;
border: 3px solid;
border-color: #fff;
}

#ironworks {
background: url("../images/ironworks.png");
background-height: 100%;
background-repeat: no-repeat;
height: 308px;
border: 3px solid;
border-color: #fff;

}

#sink {
background: url("../images/sink.png");
background-height: 100%;
background-repeat: no-repeat;
height: 308px;
border: 3px solid;
border-color: #fff;
}

#chair {
background: url("../images/chair.png");
background-height: 100%;
background-repeat: no-repeat;
height: 308px;
border: 3px solid;
border-color: #fff;
}

#frame {
background: url("../images/frame.png");
background-height: 100%;
background-repeat: no-repeat;
height: 308px;
border: 3px solid;
border-color: #fff;
}
*/

#divider {
background: url("../images/divider.png");
background-height: 100%;
background-repeat: no-repeat;
height: 50px;
padding: .8em 0 .8em 0;
}


#nc:before {
content: '';
background: url("../images/nc.png");
height: 30px;
display: inline-block;
width: 32px;
margin: 0 3px 0 0;
background-repeat: no-repeat;
background-position: 2px -2px;
}

#asid:before {
content: '';
display: inline-block;
background: url("../images/asid.png");
height: 30px;
width: 32px;
background-repeat: no-repeat;
background-position: top;
}

/* #nc:hover::before {
background-position: 2px -29px;
} */

#asid:hover::before {
background-position: 0 -29px;
}


@media (max-width: 944px) {
#grid {
height: 773px;
width: 100%;
  }
}
@media (max-width: 979px) {
#grid {
height: 390px;
width: 100%;
  }
}
@media (max-width: 767px) {
    #referrals {width:100%;height:auto;/*background-size: 100% auto;*/}  
}
@media (max-width: 320px) {
#grid {
height: 320px;
width: 100%;
  }
}


/* Large desktop */
@media (min-width: 1000px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }