/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        
        
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) and (min-height : 420px) {
        
        #section0{
                background-image: url(../img/basehome/mobile/publishing.jpg);
        }
        #section0-1{
                background-image: url(../img/basehome/mobile/mapping.jpg);
        }
        #section0-2{
                background-image: url(../img/basehome/mobile/content_v2.jpg);
        }
        #section1{
            background-image: url(../img/basehome/mobile/shop.jpg);
        }
        #section2{
            background-image: url(../img/basehome/mobile/consumer.jpg);
        }
        #section3{
            background-image: url(../img/basehome/mobile/art.jpg);
        }
        #section0 .detail,#section0-1 .detail,#section0-2 .detail, #section1 .detail, #section2 .detail, #section3 .detail {
            top: 50%;
            position: absolute;
            width: 100%;
            left: auto;
            right: auto;
        }
        #section0-1 .detail, #section1 .detail{
            top: 54%;
        }
        #section3 .detail {
            top: 60%;
        }
    }
    /*Mobile Landscape Mode*/
     @media only screen  and (max-width : 736px) and (max-height : 420px) {
         #section0 .detail,#section0-1 .detail,#section0-2 .detail, #section1 .detail, #section2 .detail, #section3 .detail {
            top: 20%;
            width: 240px;
        }
        #section0 .detail {
            left: 10px;
        }
        #section0-1 .detail {
            right: 50px;
        }
        #section1 .detail,#section0-2 .detail {
            left: 50px;
        }
        #section2 .detail {
            right: 50px;
        }
        #section3 .detail {
            left: 50px;
        }
        .mt-20 {
            margin-top: 10px;
        }
     }
     
     @media only screen and (min-width : 481px) and (max-width : 768px) and (min-height : 420px) { 
         #section0 .detail,#section0-1 .detail,#section0-2 .detail, #section1 .detail, #section2 .detail, #section3 .detail {
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
        }
     }
    
    
    @media only screen and (min-width : 769px) and (max-width : 1400px) {
        #section0 .detail,#section0-1 .detail,#section0-2 .detail, #section1 .detail, #section2 .detail, #section3 .detail {
            top: 30%;
            width: 380px;
            //left: auto;
            //right: auto;
        }
        .mt-20 {
            margin-top: 10px;
        }
        #section0 .detail {
            left: 3%;
        }
        #section0-1 .detail {
            right: 7%;
        }
        #section0-2 .detail {
            left: 3%;
        }
        #section1 .detail {
            left: 3%;
        }
        #section2 .detail {
            right: 7%;
        }
        #section3 .detail {
            left: 3%;
        }
        h1 {
            font-size:2em;
        }
        p {
            font-size: 16px;
        }
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        #header {
            height: 60px;
        }
        #header .logo {
            padding: 10px 0px 9px 0px;
            float: none;
        }
        #header .logo img {
            height: 50px;
        }
        #header #primary-menu {
            display: none;
        }
        
        
        
        h1 {
            font-size: 2em;
        }
        
        
        .detail  p {
            font-size: 12px;
            padding-left: 15px;
            padding-right: 15px;
        }
        
        .footer-wrapper {
            text-align: center;
            height: 50px;
            margin: 0 auto;
            padding: 10px;
            text-align: center;
            font-family: 'MP-R', "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #111;
        }
        .footer-wrapper img.footer-logo {
            height: 50px;
        }
        a.btn-border {
            font-size: 12px;
            padding: 7px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        
    }