/* @media only screen and (max-device-width: 768px) { */
@media  (max-width: 800px) {
    *{
        font-size: 1.03em; 
    }
    #outer { top: 0;  }
    #middle { top: 0;
        vertical-align: top;
    }
    #card { width: 100%; height: 100%;}
    .buzzWord span { visibility: hidden; }
    .content { padding: 10px 0 0px 0; font-size: 1.03em; }
     p { font-size: 1.03em; }
    .content, h2 { margin: 10px 20px 0px 30px; }
    .content, #card p, #card ul { margin-left: 30px; }
    .content { margin-bottom: 80px; }
    .imgCreaction {
        position: absolute;
        display: block;
        left: 108px;
        top: -70px;
        z-index: 20;
        border: 0;
    }
    .imgBlog {
        position: absolute;
        display: block;
        left: 20px;
        top: -70px;
        z-index: 20;
        border: 0;
    }
    h1.company {
        text-align: center;
        left: -10px;
        width: 100%;
        padding-left:0px;
    }
    h2.intro{
        margin: 170px 0 0 30px;
    }
    .threestroke { visibility: hidden; }
    .address1, .address2 {
        width: 170px;
    }
    #swingBox{ visibility: hidden; }
    #vCardQRToggle{ visibility: hidden; }
}

/* @media only screen and (max-device-width: 480px) { */
@media (max-width: 480px) {
}

@media (max-width:1920px) {
}
@media (max-width:1600px) {
}
@media (max-width:1280px) {
}
@media (max-width:1024px) {
}
@media (max-width:1000px) {
}
@media (max-width:800px) {
}
@media (max-width:640px) {
}
@media (max-width:570px) {
}
@media (max-width:360px) {
}
@media (max-width:318px) {
}
@media print {
}

/* 
    #card { width: 100%; }
    #card p, #card ul { margin-left: 2em; }
    .buzzWord { visibility: hidden; }
    .contaction { margin: -80px 0 0 110px; }
*/
/*
    *{font-size: 1.05em;} 
    .buzzWord { visibility: hidden; }
*/