Graphic Design

TMG

Brochure / Graphic Design / Layout / Print / Typography

EMAIL
CALL

/* ----------------------------------------- */ /* Content Template: Loop item in Work Views - start */ /* ----------------------------------------- */ .hide-desktop.link, .hide-desktop.link:lang(vi) { display: none; } h3, h3:lang(vi) { text-align: center; color: #ffffff; vertical-align: middle; } .bg-img a, .bg-img a:lang(vi) { text-decoration: none; color: #FFF; } .bg-img a:hover, .bg-img a:hover:lang(vi) { color: #FFFFFF; } .bg-img:hover, .bg-img:hover:lang(vi){ background: none; } .bg-img, .bg-img:lang(vi) { width: 100%; height: 320px; background-size: cover!important; position: relative; opacity: 0; } td.headline, td.headline:lang(vi) { width: 100%; text-align: center; } .tag-title, .tag-title:lang(vi) { position: absolute; bottom: 0; width: 100%; visibility: hidden; border-top: 5px solid #E6E7E8; } .related-content, .related-content:lang(vi){ visibility: hidden; margin-top: 20px; } .bg-img:hover, .bg-img:hover:lang(vi) { -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 1; } .bg-img:hover .tag-title, .bg-img:hover .related-content, .bg-img:hover .tag-title, .bg-img:hover .related-content:lang(vi){ visibility: visible; } .related-content, .related-content:lang(vi) { padding: 15px; } .tag-title .title, .tag-title .title:lang(vi) { color: #fff; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; padding: 10px; font-weight: 800; } .tag-title .tag, .tag-title .tag:lang(vi) { font-size: 13px; border-left: 5px solid #E6E7E8; padding: 10px; text-transform: uppercase; color: #FFF; font-weight: 500; } .client-work li.one-half, .client-work li.one-half:lang(vi) { display: inline-block; margin: 0; position: relative; } .headline p, .headline p:lang(vi) { font-size: 24px; font-size: 2.4rem; text-transform: uppercase; font-weight: 800; line-height: 29px; color: #FFFFFF; text-align: left !important; } .entry, .entry:lang(vi) { padding: 0; } .tag.two-thirds, .tag.two-thirds:lang(vi) { width: 70%; margin-left: -5px; } .title.one-third, .title.one-third:lang(vi) { width: 30%; border-right: 5px solid #E6E7E8; } body, body:lang(vi) { -webkit-font-smoothing: subpixel-antialiased; } @media screen and (max-width:1024px) { .bg-img, .bg-img:lang(vi) { opacity: 0.8; } .tag-title, .tag-title:lang(vi) { visibility: visible; } .related-content, .related-content:lang(vi) { visibility: visible; } } @media screen and (min-width:800px) { .client-work li.one-half, .client-work li.one-half:lang(vi) { width: 50%; } } @media screen and (max-width:768px) { .tag-title .two-thirds, .tag-title .two-thirds:lang(vi) { width: 70% !important; } .title.one-third, .title.one-third:lang(vi) { width: 30%; } .tag-title, .tag-title:lang(vi){ position:relative !important; } .tag-title, .tag-title:lang(vi) { border: none !important; display: table-cell; padding: 0 !important; vertical-align: middle; } .bg-img, .bg-img:lang(vi) { border: none !important; display: table; height: 60px; margin-top: 260px; } .related-content, .related-content:lang(vi) { display: none; } } @media screen and (max-width:480px) { .headline p, .headline p:lang(vi) { font-size: 20px; } .tag-title .title, .tag-title .title :lang(vi) { font-size: 16px; padding-bottom: 0; } .tag-title .two-thirds, .tag-title .two-thirds:lang(vi) { width: 100% !important; margin-left: 0; max-height: 40px; overflow: hidden; padding-top: 0; } .title.one-third, .title.one-third:lang(vi) { width: 100%; border-right: none !important; padding-bottom: 0px!important; } .tag-title .tag, .tag-title .tag:lang(vi) { border-left: none !important; border-top: 5px solid #E6E7E8; } .bg-img, .bg-img:lang(vi) { height: 70px; margin-top: 130px; } .related-content, .related-content:lang(vi) { display: none; } .tag-title, .tag-title:lang(vi) { border: none !important; display: table-cell; padding: 0 !important; vertical-align: middle; } .tag-title .tag, .tag-title .tag :lang(vi) { border-left: none !important; border-top: 5px solid #E6E7E8; border: none; } .tag-title .tag, .tag-title .tag:lang(vi) { border-left: none !important; border-top: 5px solid #E6E7E8; border: none; } .bg-img, .bg-img:lang(vi) { border: none !important; display: table; } .tag.two-thirds, .tag.two-third:lang(vi) { border: none !important; } .title.one-third, .title.one-third:lang(vi) { border: none !important; } .hide-desktop.link, .hide-desktop.link:lang(vi) { position: absolute; min-height: 130px; top: 0; width: 100%; display: block !important; } } @media screen and (max-width: 320px){ .headline p, .headline p:lang(vi) { font-size: 16px; line-height: 24px; } .tag-title .two-thirds, .tag-title .two-thirds:lang(vi) { width: 100% !important; } } /* ----------------------------------------- */ /* Content Template: Loop item in Work Views - end */ /* ----------------------------------------- */

Graphic Design

Footer

EMAIL

CALL