/* *** New Style Sheet with Responsive Nav   ©NicksWebWorks 2015 121615 *** */
/*** RESET ***/
        html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
        body{width: 100%;height: 100%;margin: 0;padding: 0;display: block;font: 1em/1.25em 'Open Sans', Arial, Helvetica, sans-serif;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
        h1,h2,h3,h4,p,blockquote,figure,ol,ul {margin: 0;padding: 0;color: #666;}
        main,li {display: block;}
        h1,h2,h3,h4 {font-size: inherit;}
        strong {font-weight: bold;}
        a,button {color: inherit;transition: .3s;}
        a {text-decoration: none;}
        button {overflow: visible;border: 0;font: inherit;-webkit-font-smoothing: inherit;letter-spacing: inherit;background: none;cursor: pointer;}
        ::-moz-focus-inner {padding: 0;border: 0;}
        img {max-width: 100%;height: auto;border: 0;}
       
        .shell{width: 100vw;height: 100%;}
        /*#hero{width: auto;height: 100vh;background: transparent url(images/city-bgs/hollywood.jpg) no-repeat scroll center bottom / cover;}*/
        header{position:relative;width:80%;height:auto;top:0px;margin:0 auto;padding:0;background-color:transparent;}
        .logo{position:relative;top:5px;left:0;margin:0;padding:0;width: 40%;height:56px;background-image: url("images/cashforcarssandiego-logo-color.png");background-size: contain;background-repeat: no-repeat;}
        .logo h1{text-indent: -9999px;}
        nav{position: relative;top:0;left: 10%;height: auto;margin: 0;padding: 0;}

        h4.king{position: absolute;bottom:0;font:italic 400 1.5em/1em 'Open Sans', Arial, Helvetica, sanserif;width: 60%;margin:0 auto;color: #fff;text-align: center;text-shadow: 1px 1px 1px #00b52a;background:rgba(102, 51, 153, 0.8);border-radius: 12px;}
        section{width: 100%;height: 100%;padding: 2% 0 0;overflow: hidden;background: #eee;}
        section h2{margin-left: 15%;font-size: 2em;line-height: 1.5em;color: #663399;text-shadow: 1px 1px 1px #00b52a;}
        section p{margin: 2em 0;}
        article{width: 80%;height: auto;margin: 0 auto;}
        article h3{font-size: 1.5em;line-height: 1.5em;color: #333;}
        .post-img{float: right;width: 40%;margin: 0;padding: 0 10px;}
        .post-img img{width: 90%;}
        .post-cnt{width: 50%;height: auto;}
        
        /*** FOOTER ***/
footer{position:relative;top:20px;left:0;width: 100%;height:auto;padding:2%;background-color:#e1e1e1;}			
footer p{color:#24749f;margin:0px;font-size: .75em;letter-spacing: 2px;text-align:center;padding:0;}
footer a:link{color:#24749f;}			
footer a:visited{color: #0060ff;}
footer a:hover{color: #00FFFF;}
footer p img{vertical-align:sub;} 

/**** FOOTNAV ****/
		
ul{list-style-type:none;}
ul#footnav{position:relative;top:30px;margin:0 auto;width:50%;height:25px;padding:0;}
ul#footnav li{float:left;margin:0;padding:0 0 3px 0;color:#3d73b3;font-family:Arial; text-transform:uppercase;font-size:.85em;}
ul#footnav li a{text-decoration:none;padding:0 10px 10px 15px;}
ul#footnav li a:hover{color:#ffc19f;text-shadow:1px 1px 1px #000;}						
ul#footnav li.current a{color:#6699ff;font-weight:bold;} 
ul#footnav li a:visited {color: #24749f;}

/* ************* MEDIA QUERIES RESPONSIVE *********** */
        
        @media only screen and (max-width:340px) {                
                #hero{width: auto;height: 100vh;}
                .logo{width: 80%;}
                #cssmenu > ul > li > a {background:#3db2e1}
                p.vpphone a {position: relative;top: 50%;width: 90%;margin: 0 auto;font-size: 1.2em;}
                h4.king{font:italic 400 1.1em/1em 'Open Sans', Arial, Helvetica, sanserif;width: 90%;margin: 0 auto;color: #fff;text-shadow: 1px 1px 1px #FECE08;background:rgba(102, 51, 153, 0.8);border-radius: 10px;}
                article{width: 100%;}
                .post-img{float: none;width:100%;}
                .post-cnt{width: 90%;margin: 0 auto;padding: 0 20px;}
        }
        @media screen and (min-width: 440px) and (max-width: 768px) { 
    /* STYLES HERE */
                header{width: 100%;}
                .logo{width: 80%;}
                nav{width: 50%;}
                 #cssmenu > ul > li > a {background:#336699;}
                .sliderwrap{width: 100%;}
                /*h4.king{position: relative;top:60px;font:italic 400 1.1em/1em 'Open Sans', Arial, Helvetica, sanserif;width: 90%;margin: 0 auto;color: #fff;text-shadow: 1px 1px 1px #FECE08;background:rgba(102, 51, 153, 0.8);border-radius: 10px;}*/
                article{width: 100%;}
                .post-img{float: none;width:100%;}
                .post-cnt{width: 90%;margin: 0 auto;padding: 0 20px;}
        }
        
        @media only screen and (max-width:1280px){
                nav{width: 70%;}
                #cssmenu > ul > li > a {background:#336699}
                footer{height: auto;}
                ul#footnav{width:90%;margin:0 auto;}

        }