* {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            body,
            div#main,
           
            header {
            
                margin: 0;
                padding: 0;
                font-size: 16px;
                text-align: center;
                box-sizing: border-box;
            }

            body {
                background-color: #ebe9e4;
                margin: 1em 0 60px 0;
       
            }

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

            a:hover {
                color: tomato
            }

            ul {
                list-style-type: none
            }
        strong{font-weight:400;}

            div.title-block {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
            }

            #postcard {
                margin: 20px
            }
        
h2.paintingDate{font-size:90%;font-weight:400;}
            .status{font-size:120%;margin-bottom:20px;}
            .painting-size{margin:-18px auto 40px auto;}
        .posted {margin:40px auto;width:100%}
        .posted a{display:block;margin-top:10px;}
            
       
        
        
            
           

            .btn,
            a.btn {
                vertical-align: top;
                font-family: neuzeit-grotesk, sans-serif;
                font-weight: 700;
                font-size: 16px;
                margin: 0 2px;
                border: 1px solid#e3701a;
                color: #d43d1a;
                background: 0 0;
                padding: 8px 10px;
                border-radius: 8px
            }

            a.btn:hover,
            btn:hover {
                color: #fff;
                background: #e3701a
            }

          

            .main-nav,
            .painting-date,
            .painting-title,
            .smlogo,
            .title,
            footer {
                font-weight: 400;
                font-family: cardo
            }

            h1.smlogo,
            pfp-logo {
                font-size: 3em;
                line-height: .795;
                margin: 0 auto;
                color: #213d30;
                letter-spacing: .125em
            }

            li.pfp-logo {
                font-size: 1.65em;
                line-height: .795;
                margin: 0 auto;
                color: #213d30;
                letter-spacing: .125em
            }

            .lc,
            li.pfp-logo .lc {
                font-size: 125%
            }

            .from,
            li.pfp-logo .from {
                color: rgb(33, 61, 48, .5);
                font-style: italic;
                font-size: 90%;
                letter-spacing: 0
            }

            .painting-date {
                margin: 4px;
                font-size: 1.35em;
                font-style: italic;
                color: rgba(33, 61, 48, .8)
            }

         
            hr.styled-hr {
                
                margin: 8px auto 5px auto;
                width: 400px;
                border: 0;
                height: 1px;
                background: #333;
                background-image: -moz-linear-gradient(left, #f3f2e4, #999, #f3f2e4);
                background-image: -webkit-linear-gradient(left, #f3f2e4, #999, #f3f2e4);
                background-image: -linear-gradient(left, #f3f2e4, #999, #f3f2e4);
                background-image: -o-linear-gradient(left, #f3f2e4, #999, #f3f2e4)
            }

            .line-break {
                display: none;
                line-height: 0
            }

            #main-image {
                position: relative;
                max-width: 95%;
                height: auto;
                background: rgba(255, 250, 240, 1);
                margin: 0;
                padding: 5px;
                box-shadow: 2px 3px 5px rgba(0, 0, 0, .2)
            }

          
            div#entry {
                font-family: 'Cardo ','Times New Roman', serif;
                font-size: 18px;
                font-weight: 400;
                font-style: normal;
                color: #838b83;
                color: #484d46;
                margin: 0 auto
            }

            div#entry p {
                margin: 20px 10px
            }

            .painting-title,
            .title {
                font-size: 1.5em;
                font-style: italic;
                color: #838b83;
                max-width: 260px;
                margin: .5em auto 1em auto;
                line-height: 1.35
            }

            

          

            .hide-mobile {
                display: none
            }

            .hide-desktop {
                display: inline-block
            }

           

         

            .overlay {
                display: none;
                position: fixed;
                top:60px;
                bottom: 30px;
                height: 100%;
                width: 100%;
                background: #ebe9e4;
                overflow: auto;
                z-index: 99
            }

            .wrap {
                color: #292a2c;
                text-align: center;
                max-width: 90%;
                margin: 0 auto
            }

            .wrap ul.wrap-nav {
                padding: 150px 0 100px
            }

            .wrap ul.wrap-nav li {
                font-size: 20px;
                display: inline-block;
                vertical-align: top;
                width: 24%;
                position: relative
            }

            .wrap ul.wrap-nav li a {
                color: #292a2c;
                display: block;
                padding: 8px 0;
                text-decoration: none;
                transition-property: all .2s linear 0s;
                -moz-transition: all .2s linear 0s;
                -webkit-transition: all .2s linear 0s;
                -o-transition: all .2s linear 0s
            }

            .wrap ul.wrap-nav li a:hover {
                color: #d43d1a
            }

            .wrap ul.wrap-nav ul {
                padding: 20px 0
            }

            .wrap ul.wrap-nav ul li {
                display: block;
                font-size: 13px;
                width: 100%
            }

            .wrap ul.wrap-nav ul li a {
                color: #d43d1a
            }

            .wrap ul.wrap-nav ul li a:hover {
                color: #34b484
            }

            .wrap ul.wrap-nav>li {
                width: 100%;
                padding: 20px 0
            }

            .wrap ul.wrap-nav {
                padding: 30px 0 0
            }

            .phone-nav {
                display: table;
                position: fixed;
                height: 40px;
                margin: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                background: #ebe9e4;
                z-index: 100;
                padding: 6px 0;
                -webkit-box-shadow: 0 -2px 10px -4px rgba(0, 0, 0, .34);
                -moz-box-shadow: 0 -2px 10px -4px rgba(0, 0, 0, .34);
                box-shadow: 0 -2px 10px -4px rgba(0, 0, 0, .34)
            }

          

            .navbar {
                list-style-type: none;
                font-size: 25px;
                
                color:#c9c9c9;
            }

            .navbar a {
                color:#d43d1a;
            }

            

    
}

            a.prev {
                position: absolute;
                left: 20px;
                
                top:8px;
                color:black;
                padding:0;
                margin:0;
                
            }

            a.next,.next {
                position: absolute;
                right: 20px;
                bottom: 16px
            }
            #fullPageBtn {
                position: fixed;
                top: 40px;
                right: 40px;
                
               
            }
                
            
            
               .button {
                position: absolute;
                left: 47%;
                right: 47%;
                bottom: 11px
            }
            i.icono-caretLeft{
                color:black;
                
            }
           

            .phone-nav i {
                display: block;
                background-color: inherit
            }

            .phone-nav span {
                font-size: 12px;
                font-family: sans-serif
            }

            
            
            

           
            
        
        .mobile-footer p,.desktop-footer{font-size:12px;font-family:neuzeit-grotesk, sans-serif; }
            .main-nav ,a.next-painting,a.previous-painting,.desktop-footer{
                display: none
            }
            @media(min-width:600px) {
                h1.smlogo {
                    font-size: 1.85em;
                    margin-top: 5em
                }

                .line-break {
                    display: none
                }

                hr.header {
                    width: 300px
                }

                .painting-date {
                    margin: 4px;
                    font-size: 1em;
                    font-style: italic
                }

            

                h5.title {
                    font-size: 1.5em
                }

             

       
        

                .hide-desktop,.desktop-footer {
                    display: none
                }

                .recent,
                .thumbfloat,.hide-mobile {
                    display: inline
                }
        

              .dateHeader{
                position:relative;
                width:600px;
                margin:0 auto;
                text-align:enter;
                }
        
        .painting-date{
              position:relative;
        width:600px;padding:5px 0;margin:5px auto;text-align:center;
        
        }
                
        
        a.next-painting {
        display:block;
                position:absolute;
                right:0; top:0;
        font-size:36px;line-height:0;
               font-style:normal;
                
                padding:15px 20px;
       
                }
                a.previous-painting {
        display:block;
                position:absolute;
                left:0; top:0;
                font-size:36px;line-height:0;
        font-style:normal;
                padding:15px 20px;
        
       
                }
        
        
        
            @media(min-width:768px) {
                .phone-nav {
                    display: none
                }

                .main-nav {
                    display: inline
                }

                #menu {
                    margin: 0 auto;
                    padding: 8px 0 10px
                }

                #menu li {
                    display: inline;
                    width: 24%;
                    margin: 0;
                    padding: 0 4px;
                    text-transform: uppercase;
                    letter-spacing: .1em
                }

                #menu a {
                    display: inline-block;
                    color: #333
                }
                
                .posted,.desktop-footer{
                     display:inline;
                 }
        
                .mobile-footer{
                    display: none
                }
        
        .painting-status a{font-size:20px;}
                
            }


           

        }
        .btn-close:after,
        .btn-open:after {
            color: #d43d1a;
            content: " \f0c9";
            font-family: FontAwesome;
            transition-property: all .2s linear 0s;
            -moz-transition: all .2s linear 0s;
            -webkit-transition: all .2s linear 0s;
            -o-transition: all .2s linear 0s
        }

        .btn-close:hover:after,
        .btn-open:hover:after {
            color: tomato
        }

        .btn-close:after {
            content: "\f00d"
        }
        .main-nav{
			display: table;
			position: fixed;
			margin: 0;
			top: 0;
			right: 0;
			background: #ebe9e4;
			z-index: 100;
			padding: 10px;
			
		}