/* 
    Document   : constructionStyle
    Created on : Sep 23, 2015, 11:04:56 AM
    Author     : Carolina Custom Designs
    Description: Style Thoughtful Little Angels page
*/
/* CSS Document */

body{
    color:#000;
    font-family:Georgia, Helvetica, Times New Roman, sans-serif, "Arial Rounded MT Bold";
    background: url("../images/bg.jpg") repeat-x;
}

.clear{
    clear:both;
}

header{text-align: center;}
#container{
    margin:0 auto;
    text-align: center;
    font-size: 1.5em;
}
h1{
    text-align:center;
    font-size: 6.25em;
    margin: 0;
    font-weight: normal;
}

/* ---- Buttons ----*/

#dealers{margin: 0; padding:0;}
#dealers li:hover {
    border-top: 1px solid #ffffff;
    background: #ee2e24;
    background: -webkit-gradient(linear-gradient(to bottom, #e76452 0%, #d43e2a 100%) repeat scroll 0);
    background: -webkit-linear-gradient(top, #fc5a51, #ee2e24);
    background: -moz-linear-gradient(to bottom, #e76452 0%,#d43e2a 100%);
    background: -ms-linear-gradient(to bottom, #e76452 0%,#d43e2a 100%);
    background: -o-linear-gradient(to bottom, #e76452 0%,#d43e2a 100%);

}
#dealers li {
    border-top-color: #ffffff;
    background: #c7c7c7;
    color: #8d8d8d;
    padding: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    font-family: Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto 10px;
    width: 20%;
}
#dealers li.card{
    padding: 0;
    background: none;
    margin: 0;
    border: none;
    box-shadow: none;
}
#dealers li a{
    color:#000;
    font-size:2em;
    line-height:44px;
}
#dealers li a:hover{
    color:#8d8d8d;
}
p.bigLetters{font-size: 2em; margin: 0 0 50px;}

/* Footer */

footer{text-align: center; width: 53%; margin: 0 auto; font-family:Times New Roman, Georgia, Helvetica, sans-serif, "Arial Rounded MT Bold";
}
span.company{font-size: 1.5em;}
.alignleft{float: left;}
.alignright{float: right;}


/* ================= Mobile (Landscape) 320px - 768px ================= */
@media only screen and (min-width: 300px) and (max-width: 768px) {
    header img{width: 100%; height: 100%;}
    header h1 {font-size: 2.25em;}
    #dealers li.card{display: none;}
    #dealers li{font-size: .7em; width: 50%;}
    footer{width: 100%;}
    p.bigLetters{font-size: 1em;}
    footer img {width: 20%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #dealers li{width: 28%;}
}