@font-face { font-family:FacitB; src:url(font/Facit-Web-Bold.woff); }
@font-face { font-family:FacitL; src:url(font/Facit-Web-Light.woff); }
@font-face { font-family:FacitR; src:url(font/Facit-Web-Regular.woff); }
@font-face { font-family:FacitSB; src:url(font/Facit-Web-Semibold.woff); }

body {
font:18px 'FacitL', sans-serif;
word-wrap:break-word;
line-height:26px;
margin:0px;
}

a, .color-red, .cloud .color-red a, #service a {
text-decoration:none;
color:#b52546;
outline:none;
}

b, strong {
font-family:FacitR;
}

h1 {
font:40px 'FacitL', sans-serif;
margin:40px 0px;
line-height:48px;
}

h2, .cloud h1 {
font:34px 'FacitL', sans-serif;
margin:34px 0px;
line-height:50px;
}

h3, h4, h5, h6 {
font:22px 'FacitB', sans-serif;
line-height:30px;
}

img {
vertical-align:top;
max-width:100%;
border:none;
height:auto;
}

li {
background:url(../img/plus.png) no-repeat 0px 6px;
padding:0px 0px 0px 24px;
background-size:14px;
margin:12px 0px;
}

ol, ul, figure {
list-style:none;
padding:0px;
margin:0px;
}

div.hoo {
padding:20px 4%;
background:#fff;
position:fixed;
z-index:10;
width:92%;
top:0px;
}

div.hoo > div {
padding:0px !important;
align-items:flex-end;
display:flex;
}

div.hoo li, .foo li {
display:inline-block;
background:none;
padding:0px;
margin:0px;
}

div.hoo .menu a, .foo .menu a { border-bottom:1px solid transparent; display:inline-block; color:#000; }
div.hoo .menu li:last-child span, .foo .menu li:last-child span { display:none; }
div.hoo .menu .current-menu-item a, .hoo .menu a:hover {
border-bottom:1px solid #b52546;
color:#b52546;
}

div.hoo .menu span {
display:inline-block;
background:#000;
margin:0px 24px;
height:14px;
width:1px;
}

div.hoo-dark { background:#000; }
div.hoo-dark .slogan { color:#bcc3c7; }
div.hoo-dark .menu a, .cloud a { color:#fff; }
div.hoo-dark .menu span { background:#fff; }

div.slogan {
font:14px 'FacitR', sans-serif;
letter-spacing:2.4px;
line-height:22px;
color:#80868a;
}

div.logo img {
width:180px;
}

div.content > div, .content-max > div, .case figure, .video, #cloud {
position:relative;
overflow:hidden;
}

div.content > div, .content-max > div {
padding:160px 4% 120px;
max-width:960px;
margin:0px auto;
}

div.content-max > div, div.content-max.approach > div {
max-width:1600px;
padding:120px 4%;
}

div.home .content > div, .home .content-max > div, div.cloud > div {
padding-right:0%;
padding-left:0%;
}

div.video {
font:26px 'FacitL', sans-serif;
padding:160px 0px 120px;
line-height:40px;
color:#bcc3c7;
}

div.video video {
min-width:1600px;
position:absolute;
top:0px; left:0px;
width:100%;
z-index:-1;
}

div.video h1 {
font:64px 'FacitL', sans-serif;
line-height:84px;
color:#fff;
}

div.video h1, .video .button {
perspective:400px;
position:relative;
}

div.video h1 span {
animation:txtA 1.2s ease-in-out 1.5s 1 normal forwards;
display:inline-block;
opacity:0;
}

div.video .txt1 { animation:txtA 1.2s ease-in-out 2s 1 normal forwards; }
div.video .txt2 { animation:txtA 1.2s ease-in-out 2.5s 1 normal forwards; }
div.video .txt3 { animation:txtAp 1.2s ease-in-out 3s 1 normal forwards; opacity:0; }
div.video .button a { animation:txtA 1.2s ease-in-out 3.5s 1 normal forwards; opacity:0; }
/* div.video h1 { animation:txtAh 0.6s ease-in-out 5s 1 normal forwards, txtAh 0.6s ease-in-out 8s 1 normal forwards; } */

div.video p { margin:60px 0px 0px; }
div.feedback p { margin:10px 0px 30px; }
div.video + div > div, div.facts > div { padding-top:60px; }

div.feedback blockquote {
background:url(../img/quote.png) no-repeat 88% 0%;
background-size:80px;
padding:10px 40px;
position:relative;
font-style:italic;
margin:0px;
}

div.feedback blockquote::before {
top:0px; right:0px;
background:#000;
position:absolute;
height:100px;
width:1px;
content:'';
}

div.feedback em:first-child {
font:16px 'FacitL', sans-serif;
margin:0px 0px 20px;
line-height:24px;
display:block;
}

div.cloud {
padding:60px 0px;
background:#000;
color:#f3f1f1;
}

div.cloud .bubble {
animation:figA 1.2s ease-out 0s 1 normal;
font:20px 'FacitB', sans-serif;
transition:all 0.4s linear 0s;
top:260px; right:160px;
position:absolute;
line-height:28px;
margin:0px;
z-index:1;
}

div.cloud .bubble a, .case .bub a {
background:url(../img/bubble.png) no-repeat center;
background-size:160px;
align-content:center;
text-align:center;
height:160px;
width:160px;
display:grid;
color:#fff;
}

div.cloud h1 {
letter-spacing:5.6px;
}

div.cloud h2 {
font:72px 'FacitL', sans-serif;
line-height:92px;
}

div.cloud h3 {
font:80px 'FacitL', sans-serif;
line-height:18px !important;
transition:all 0.4s linear 0s;
position:relative;
}

div.cloud h3.strategy {
position:relative;
left:240px;
}

div.cloud h3.marketing {
font:50px 'FacitL', sans-serif;
right:600px;
}

div.cloud h3.pr {
font:120px 'FacitB', sans-serif;
margin-top:-50px;
right:380px;
}

div.cloud h3.cc {
font:48px 'FacitB', sans-serif;
margin-top:-90px;
left:220px;
}

div.cloud h3.sm {
margin-top:-10px;
left:100px;
}

div.cloud h3.lead {
font:64px 'FacitB', sans-serif;
right:200px;
}

div.cloud h3.story {
font:90px 'FacitL', sans-serif;
margin-top:90px;
right:420px;
}

div.cloud h3.events {
font:40px 'FacitL', sans-serif;
margin-top:-120px;
right:800px;
}

div.cloud h3 a {
animation:figA 1.2s ease-out 0s 1 normal;
transition:all 0.4s linear 0s;
display:inline-block;
}

div.cloud #service {
top:240px; left:200px;
position:absolute;
cursor:default;
display:none;
}

div.cloud #service p {
border-bottom:1px solid #b52546;
border-top:1px solid #b52546;
margin:80px 0px 0px;
padding:10px 0px;
width:400px;
display:none;
}

div.cloud #service .close {
background:#b52546 url(../img/close.png) no-repeat center;
bottom:-12px; left:402px;
height:28px !important;
background-size:12px;
position:absolute;
width:28px;
}

div.biz {
justify-content:flex-end;
padding:0% 4%;
display:grid;
}

div.case .bub {
font:14px 'FacitB', sans-serif;
top:160px; right:160px;
position:absolute;
line-height:22px;
}

div.case .box img:hover, .cloud h3 a:hover { transform:scale(1.2); }
div.case .box img { transition:transform 0.8s; width:100%; }
div.case > div { padding:160px 0px 120px; }
div.case figure strong { font-size:20px; }
div.case .box { margin:40px 0px; }
div.case .bub a { color:#000; }

div.case .box .nogap {
align-items:center;
flex-wrap:nowrap;
min-height:80px;
position:relative;
}

div.case figure span {
top:0px; bottom:0px; left:0px; right:0px;
font:28px 'FacitL', sans-serif;
place-content:center;
position:absolute;
line-height:40px;
padding:20px;
display:grid;
}

div.case h3 em {
font-style:normal;
color:#9c2540;
display:block;
}

div.case h3 {
bottom:14px; left:94px; right:14px;
font:18px 'FacitL', sans-serif;
position:absolute;
line-height:26px;
margin:0px;
}

div.case h3.one {
left:72px;
}

div.case h5 {
font:52px 'FacitL', sans-serif;
margin:0px 10px;
line-height:26px;
}

div.case-study h2, .case-more h4 {
font:24px 'FacitL', sans-serif;
margin:-30px 0px 50px;
line-height:32px;
color:#9c2540;
}

div.case-study h3 {
font:26px 'FacitL', sans-serif;
margin:40px 0px 0px;
line-height:34px;
color:#9c2540;
}

div.case-study h3:first-child, .case-study .nomargin, .approach h2 { margin-top:0px; }
div.case-study > div { padding-bottom:0px !important; }
div.case-study .aright { margin:4px 0px 40px; }

div.case-more .gap, .acc .nogap { justify-content:center; }
div.case-more > div { padding-top:20px !important; }
div.case-more .photo {
height:200px;
display:block;
}

div.case-more hr {
background:#bdc3c7;
margin:40px auto;
border:none;
height:1px;
}

div.case-more h4 {
margin:50px 0px;
color:#000;
}

div.facts {
background:#f3f1f1;
padding:0px 2%;
}

div.facts h3 {
font:24px 'FacitL', sans-serif;
line-height:32px;
position:relative;
}

div.facts h3::after {
border-bottom:1px dashed #707070;
position:absolute;
bottom:10px;
width:100%;
content:'';
}

div.facts h3 strong {
font:48px 'FacitL', sans-serif;
letter-spacing:1px;
line-height:56px;
color:#9c2540;
}

div.facts h3.has-text-align-right { right:10%; }
div.facts h3.has-text-align-left { left:10%; }
div.facts h3.zoom-out { zoom:90%; }
div.facts h3.zoom-in { zoom:130%; }
div.facts h3.blur { filter:blur(3px); }
div.acc figure { flex-basis:25%; }

div.acc > div {
padding:0px 0px 120px;
max-width:1120px;
}

div.acc h2 {
background:url(../img/arrB.png) no-repeat right 10px;
background-size:34px;
display:inline-block;
padding:0px 40px;
margin:0px;
}

div.acc h2.ac {
background:url(../img/arrT.png) no-repeat right 10px;
background-size:34px;
}

div.minis {
top:400px; right:20px;
position:absolute;
z-index:1;
}

div.figure {
border:1px solid #707070;
align-items:stretch;
text-align:center;
margin:0px auto;
padding:40px;
height:640px;
width:640px;
display:grid;
}

div.figure > div {
border:12px solid #9c2540;
align-content:center;
padding:20px;
display:grid;
}

div.figure h2 {
font:64px 'FacitL', sans-serif;
letter-spacing:12px;
margin:20px 0px;
line-height:84px;
color:#b52546;
}

div.figure h3 {
font:22px 'FacitSB', sans-serif;
letter-spacing:3.2px;
line-height:30px;
margin:0px;
}

div.figure p {
margin-right:auto;
margin-left:auto;
max-width:90%;
}

div.figure.mini {
font:8px 'FacitR', sans-serif;
letter-spacing:0.8px;
line-height:16px;
color:#9c2540;
cursor:pointer;
padding:4px;
height:80px;
width:80px;
}

div.figure.mini > div {
border:4px solid #9c2540;
padding:2px;
opacity:0.4;
}

div.figure.mini.ac > div {
opacity:1;
}

div.figure.mid {
font:16px 'FacitR', sans-serif;
letter-spacing:2px;
line-height:24px;
color:#9c2540;
height:160px;
width:160px;
padding:8px;
}

div.figure.mid > div {
border:4px solid #9c2540;
padding:2px;
}

div.circle.mid > div, div.circle.mini > div { border:4px solid #a37c82; }
div.circle.mid, div.circle.mini, div.circle h2 { color:#825e5c; }
div.circle > div { border:12px solid #a37c82; }
div.circle, .circle > div { border-radius:50%; }

div.triangle, div.triangle > div, .triangle::before, .triangle > div::before,
div.triangle.mini, div.triangle.mini > div, div.triangle.mid, div.triangle.mid > div {
border:none; border-bottom:720px solid #707070;
border-right:480px solid transparent;
border-left:480px solid transparent;
position:relative;
padding:0px;
height:0px;
width:0px;
}

div.triangle::before, .triangle > div::before {
border-right:478px solid transparent;
border-left:478px solid transparent;
border-bottom:717px solid #fff;
top:2px; left:-478px;
position:absolute;
content:'';
}

div.triangle > div {
border-right:400px solid transparent;
border-bottom:600px solid #7fb0ab;
border-left:400px solid transparent;
top:80px; left:-400px;
}

div.triangle > div::before {
border-right:376px solid transparent;
border-left:376px solid transparent;
border-bottom:564px solid #fff;
top:24px; left:-376px;
}

div.triangle > div > div {
padding:0px 40px 60px;
top:-80px; left:-480px;
align-content:flex-end;
position:absolute;
height:660px;
width:880px;
display:grid;
}

div.triangle p { max-width:64%; }
div.triangle h2 { color:#7fb0ab; }

div.triangle.mini {
border-bottom:90px solid #707070;
border-right:60px solid transparent;
border-left:60px solid transparent;
}

div.triangle.mini::before {
border-right:58px solid transparent;
border-left:58px solid transparent;
border-bottom:87px solid #fff;
top:2px; left:-58px;
}

div.triangle.mini > div {
border-right:50px solid transparent;
border-bottom:75px solid #6e8e8b;
border-left:50px solid transparent;
top:10px; left:-50px;
}

div.triangle.mini > div::before {
border-right:42px solid transparent;
border-left:42px solid transparent;
border-bottom:63px solid #fff;
top:8px; left:-42px;
}

div.triangle.mini > div > div {
padding:0px 0px 15px;
top:-10px; left:-60px;
color:#7fb0ab;
width:120px;
height:75px;
}

div.triangle.mid {
border-bottom:180px solid #707070;
border-right:120px solid transparent;
border-left:120px solid transparent;
}

div.triangle.mid::before {
border-right:118px solid transparent;
border-left:118px solid transparent;
border-bottom:177px solid #fff;
top:2px; left:-118px;
}

div.triangle.mid > div {
border-right:102px solid transparent;
border-bottom:153px solid #6e8e8b;
border-left:102px solid transparent;
top:18px; left:-102px;
}

div.triangle.mid > div::before {
border-right:94px solid transparent;
border-left:94px solid transparent;
border-bottom:141px solid #fff;
top:8px; left:-94px;
}

div.triangle.mid > div > div {
top:-18px; left:-120px;
padding:0px 0px 40px;
color:#7fb0ab;
height:140px;
width:240px;
}

div.circle.white, .cube.white { border:1px solid #fff; }
div.circle.white > div, .cube.white > div, .triangle.white > div { opacity:0.8; }
div.circle.white > div, .cube.white > div, .hr .circle, .hr .cube { background:#fff; }
div.triangle.white { border-bottom-color:#fff; } div.triangle.white::before { border-bottom-color:#b7aaae; }

div.hrv::before, .hrv::after {
top:-80px; left:87px;
position:absolute;
background:#fff;
height:80px;
width:1px;
content:'';
}

div.hrv::after {
height:82px;
top:177px;
}

div.hr::before {
top:87px; left:15%; right:15%;
background:#707070;
position:absolute;
z-index:-1;
height:1px;
content:'';
}

div.hr.minis::before {
top:45px;
}

div.foo {
padding:120px 0px 80px;
background:#f3f1f1;
}

div.foo h3 {
font:34px 'FacitL', sans-serif;
margin:0px 20px;
line-height:42px;
}

div.foo .mail, .foo .tel {
background:url(../img/mailB.png) no-repeat center;
font:22px 'FacitL', sans-serif;
padding:200px 0px 0px 0px;
background-size:90px;
display:inline-block;
margin:80px 48px;
line-height:30px;
color:#9c2540;
}

div.foo .tel {
background:url(../img/telB.png) no-repeat center;
background-size:60px;
}

div.footer {
padding:80px 120px 0px !important;
align-items:flex-end;
line-height:32px;
position:relative;
display:flex;
}

div.footer .menu span, .social span, .social a {
display:inline-block;
margin:0px 12px;
color:#80868a;
}

div.footer .social a {
padding:0px 8px 0px 0px;
letter-spacing:2.4px;
line-height:24px;
background:#fff;
color:#000;
}

div.foo-dark {
background:#9696a3;
color:#f3f1f1;
}

div.foo-dark .mail {
background:url(../img/mail.png) no-repeat center;
background-size:90px;
color:#f3f1f1;
}

div.foo-dark .tel {
background:url(../img/tel.png) no-repeat center;
background-size:60px;
color:#f3f1f1;
}

div.foo-dark .footer, div.foo-dark .menu span, .foo-dark .menu a { color:#e0e3e5; }
div.foo .mailtel, .dash span, .hrv, .hr { position:relative; }
div.foo-dark div.dash span { border:1px dashed #fff; }
div.foo-dark .jump { background-color:#b52546; }
div.foo-dark .social a, cite { color:#9c2540; }

div.foo .dash {
position:absolute;
top:0px; left:0px;
width:100%;
}

div.foo .dash span {
border:1px dashed #000;
display:inline-block;
width:140px;
top:220px;
}

div.jump {
background:#e5e7e8 url(../img/arrowT.png) no-repeat center;
background-size:100px;
top:40px; right:120px;
border:2px solid #fff;
border-radius:50%;
position:absolute;
height:80px;
width:80px;
}

div.bg {
background:url(../img/logo2.png) no-repeat 100% 100px;
background-size:160px;
top:0px; right:0px;
position:fixed;
width:160px;
height:100%;
z-index:10;
}

.bg-black {
background:#000;
color:#fff;
}

.bg-pink {
background:#b7aaae;
}

.button a {
font:20px 'FacitL', sans-serif;
background:#b52546;
display:inline-block;
padding:0px 16px;
line-height:40px;
color:#fff;
}

.clear {
clear:both;
}

.cp {
cursor:pointer;
}

.ct, .has-text-align-center {
text-align:center;
}

.grayscale img {
filter:grayscale(100%);
}

.has-large-font-size {
line-height:30px;
font-size:22px;
}

.has-medium-font-size {
line-height:28px;
font-size:20px;
}

.has-small-font-size {
line-height:24px;
font-size:16px;
}

.has-text-align-left, .aleft {
text-align:left;
}

.has-text-align-right, .aright {
text-align:right;
}

.is-layout-flex {
align-items:flex-start;
flex-wrap:nowrap;
display:flex;
gap:2.2em;
}

.is-layout-flex.gap {
flex-wrap:wrap;
gap:1.2em;
}

.is-layout-flex.nogap {
flex-wrap:wrap;
gap:0em;
}

.is-vertically-aligned-center {
align-self:center;
}

.list {
margin:0px 24px;
}

.list li {
list-style:square outside;
background:none;
margin:20px 0px;
padding:0px;
}

.list li::marker {
color:#fff;
}

.no, .no.figure {
display:none;
}

.swiper-free-mode > .swiper-wrapper {
transition-timing-function:linear;
align-items:center;
}

.uc {
text-transform:uppercase;
}

.wp-element-caption {
margin:12px 0px;
}

.wp-element-caption strong {
font:20px 'FacitL', sans-serif;
line-height:28px;
color:#9c2540;
}

/* animation */
@keyframes txtAp { from { transform:translateY(-30%) rotateX(30deg); filter:blur(10px); opacity:0; } to { transform:translateY(0%) rotateX(0deg); filter:blur(0px); opacity:1; } }
@keyframes txtA { from { transform:translateY(30%) rotateX(90deg); filter:blur(20px); opacity:0; } to { transform:translateY(0%) rotateX(0deg); filter:blur(0px); opacity:1; } }
@keyframes txtAh { from { filter:blur(8px); opacity:0.8; } to { filter:blur(0px); opacity:1; } }

@keyframes figAe { from { transform:scaleY(0); opacity:0; } to { transform:scaleY(1); opacity:1; } }
@keyframes figAi { from { transform:scale(0.5); opacity:0; } to { transform:scale(1); opacity:1; } }
@keyframes figA { from { transform:scale(4); opacity:0; } to { transform:scale(1); opacity:1; } }
.figAe { animation:figAe 0.8s ease-out 1.5s 1 normal forwards; opacity:0; }
.figAh { animation:figAe 0.8s ease-out 2s 1 normal forwards; opacity:0; }
.figAi { animation:figAi 0.5s ease-out 1s 1 normal forwards; opacity:0; }
.figA { animation:figA 1s ease-out 0s 1 normal forwards; }

@keyframes cAb { from { transform:scale(0.4); top:40px; left:360px; } to { transform:scale(1); top:0px; left:0px; } }
@keyframes cA { from { transform:scale(1); top:0px; left:0px; } to { transform:scale(0.4); top:40px; left:360px; } }
.cAb { animation:cAb 0.8s ease-out 0s 1 normal forwards; z-index:1; }
.cA { animation:cA 0.8s ease-out 0s 1 normal forwards; z-index:1; }

@media (max-width: 1600px) {

div.minis {
margin:48px 0px 0px;
display:inline-block;
top:auto; right:auto;
position:relative;
}

div.cloud .bubble, #cloud {
zoom:90%;
}

}

@media (max-width: 1440px) { div.cloud .bubble, #cloud { zoom:85%; } }
@media (max-width: 1360px) { div.cloud .bubble, #cloud { zoom:80%; } }
@media (max-width: 1280px) {

div.cloud #service .close { left:auto; right:-30px; }
div.footer { padding:80px 4% 0px !important; }
div.cloud h3 { line-height:24px !important; }
div.case .bub { top:120px; right:120px; }
div.slogan { flex-basis:72% !important; }
div.nav, .bubble, .bg { display:none; }
div.cloud #service p { width:auto; }
div.cloud { padding:40px 0px; }
div.jump { right:4%; }

div.nav {
top:0px; bottom:0px; left:0px;
background:#000;
padding:40px 4%;
position:fixed;
overflow:auto;
z-index:100;
width:92%;
}

div.nav .menu a {
border:none !important;
display:block;
color:#fff;
}

div.nav li {
margin:60px 0px;
font-size:40px;
display:block;
}

div.nav span {
display:none !important;
}

div.nav .close {
background:#b52546 url(../img/close.png) no-repeat center;
background-size:18px;
top:20px; right:20px;
position:absolute;
display:block;
height:36px;
width:36px;
}

div.burger {
background:url(../img/burgerB.png) no-repeat center;
background-size:40px;
top:16px; right:0px;
position:absolute;
display:block;
height:40px;
width:40px;
}

div.hoo-dark .burger {
background:url(../img/burger.png) no-repeat center;
background-size:40px;
}

div.cloud h2 {
font:64px 'FacitL', sans-serif;
line-height:84px;
}

div.cloud #service {
top:auto; left:auto;
margin:0px auto;
position:relative;
width:60%;
}

@keyframes cAb { from { transform:scale(0.8); top:20px; left:20px; } to { transform:scale(1); top:0px; left:0px; } }
@keyframes cA { from { transform:scale(1); top:0px; left:0px; } to { transform:scale(0.8); top:20px; left:20px; } }

}

@media (max-width: 1200px) { div#cloud { zoom:70%; } }
@media (max-width: 1120px) { div#cloud { zoom:60%; } }
@media (max-width: 960px) {

div.slogan, div.jump, .biz + div + div { display:none; }
div.case .box { flex-basis:50% !important; }
div#circle, #cube, #triangle { zoom:80%; }
div.hoo > div, div.footer { display:block; }
div.cloud #service { width:90%; }
div.video video { left:-400px; }
div.foo h3 { font-size:32px; }
div#cloud { zoom:50%; }
div.burger { top:8px; }

div.video {
font:22px 'FacitL', sans-serif;
line-height:36px;
}

div.video h1 {
font:48px 'FacitL', sans-serif;
line-height:68px;
}

div.footer div {
margin:20px 0px;
text-align:center;
}

}

@media (max-width: 800px) {

div.page .is-layout-flex, .about.is-layout-flex, .approach { display:block; }
div.case .box .nogap, .acc .nogap { display:flex !important; }
div.about.hr::before, .case .bub, #approach { display:none; }
div.page .is-vertically-aligned-center.ct { text-align:left; }
div.cloud #service .close { bottom:-28px; right:0px; }
div.case-more .gap div { margin:0px 0px 40px; }
div.page .is-layout-flex.figure { display:grid; }
div.cloud #service p { margin:40px 0px 0px; }
div.cloud h3 { line-height:32px !important; }
div.case-more .photo { height:400px; }
div.acc figure { flex-basis:50%; }
div.cloud h1 { margin:0px; }

div.about .has-small-font-size {
margin:0px 0px 80px;
text-align:center;
}

div.biz {
padding:0px 0px 40px;
justify-content:center;
}

div.cloud h2 {
font:36px 'FacitL', sans-serif;
line-height:52px;
}

div.cloud h3.story { font:80px 'FacitL', sans-serif; margin-top:60px; right:120px; }
div.cloud h3.lead { font:48px 'FacitB', sans-serif; margin-top:60px; right:80px; }
div.cloud h3.cc { font:40px 'FacitB', sans-serif; margin-top:-40px; left:120px; }
div.cloud h3.sm { font:72px 'FacitL', sans-serif; margin-top:60px; left:60px; }
div.cloud h3.pr { left:80px; right:auto; margin-top:-80px; text-align:left; }
div.cloud h3.strategy { font:64px 'FacitL', sans-serif; left:80px; }
div.cloud h3.events { margin-top:-80px; right:60px; }
div.cloud h3.marketing { right:160px; }

}

@media (max-width: 640px) {

div.foo { padding:80px 0px; } div.foo .dash, .figure h3 + p { display:none; }
div.feedback + div { height:80px !important; }
div.case > div { padding:120px 0px 80px; }
div#circle, #cube, #triangle { zoom:40%; }
div.content > div { padding:120px 4%; }
div.case-more .photo { height:320px; }
div.video p { margin:40px 0px 0px; }
div.video video { left:-800px; }
div.logo img { width:160px; }
div.minis { zoom:98%; }
div.burger { top:6px; }

div.video {
font:16px 'FacitL', sans-serif;
padding:120px 0px;
line-height:30px;
}

div.video h1 {
font:28px 'FacitL', sans-serif;
line-height:48px;
}

div.foo .mail, .foo .tel {
margin:0px 4%;
display:block;
}

.button a {
font:16px 'FacitL', sans-serif;
line-height:36px;
}

h2 {
font:32px 'FacitL', sans-serif;
line-height:48px;
}

}