@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300,100);h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:12px}h6{font-size:10px}p{font-size:14px}body{font-family:'Open Sans', sans-serif;width:100%;height:100%;box-sizing:border-box}.top{width:100%;height:3rem;padding-top:1rem}.top a{text-decoration:none;color:#394167}.top p{text-align:center;position:relative;-webkit-animation:float 1s  alternate infinite ease;animation:float 1s  alternate infinite ease}.top p::before{content:"";position:absolute;width:10px;height:10px;border:1px solid #394167;border-left:transparent;border-bottom:transparent;-webkit-transform:rotate(-45deg) translate(-16px, -10px);transform:rotate(-45deg) translate(-16px, -10px)}@-webkit-keyframes float{from{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}@keyframes float{from{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}header{width:100%;min-height:300px;padding-top:2rem;overflow:hidden;padding-bottom:1em}header .mockup{max-width:50rem;height:100%;margin:auto;position:relative}header .mockup img{width:100%;display:block;margin:auto}header .mockup .bigTitle{width:40%;height:22px;position:absolute;right:0;top:10%;background:#a3ded9}header .mockup .bigTitle h1{-webkit-transform:translate(0, -1rem);transform:translate(0, -1rem);text-align:right;font-weight:700}header .mockup .bigTitle p{text-align:right;-webkit-transform:translate(0, -1rem);transform:translate(0, -1rem)}header nav{width:100px;max-height:400px;margin:auto;margin-top:3rem}header nav p{margin-top:1rem;text-align:center;cursor:pointer}header nav .text{position:relative;transition:all 1s 0.2s ease}header nav .text a{text-decoration:none;color:black}header nav .text::after{content:"";position:absolute;width:100%;height:2px;background:#a3ded9;bottom:-4px;left:0;-webkit-transform:translate(1000px, 0);transform:translate(1000px, 0);transition:all 300ms ease}header nav .text:hover{text-shadow:1px 1px 11px #a3ded9}header nav .text:hover::after{text-shadow:1px 1px 11px #a3ded9;-webkit-transform:translate(0, 0);transform:translate(0, 0)}main{max-width:50rem;min-height:100px;margin:auto;margin-top:3rem}main .title{width:100%;height:2rem;border-bottom:3px solid black}main .title h1{font-family:times;text-align:right;position:relative}main .title h1::after{content:"";position:absolute;width:40%;height:1.2rem;background:#a3ded9;right:0;z-index:-1;bottom:-0.5rem}main .changPo h1{text-align:left}main .changPo h1::after{left:0}main p{height:5rem;line-height:5rem;text-align:center;font-style:italic}main .example{width:100%;min-height:20rem}main .dynamic{margin-top:1rem}main .dynamic .example{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box}main .dynamic .example>div{width:90%;min-height:20rem;margin-top:1em}main .dynamic .example>div img{margin:auto;display:block;width:100%}main .dynamic .example .a{padding:1rem;height:20rem;max-width:20rem}main .dynamic .example .a>div{min-width:80%;margin:auto;height:90%}main .dynamic .example .a>div p{line-height:2em;font-weight:600;font-style:normal;text-align:left}main .dynamic .example .a>div p:first-child{padding-top:0;margin-top:0}main .dynamic .example .b{max-width:20rem}main .dynamic .example .c{max-width:20rem}main .dynamic .example .d{max-width:20rem}main .normal{margin-top:3rem}main .normal .content{width:100%;min-height:11rem}main .normal .content img{width:90%;margin:auto;display:block}main .normal .interaction{width:100%;min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}main .normal .interaction .desktop{width:100%;min-height:100px;border:4px solid black;overflow:hidden}main .normal .interaction .desktop img{width:104%;-webkit-transform:translate(-15px, 0);transform:translate(-15px, 0)}main .normal .interaction .phone{margin-top:2rem;width:100%;min-height:100px}main .normal .interaction .phone img{width:40%;display:block;margin:auto;border:4px solid black}footer{width:100%;height:4rem;margin-top:3rem;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}footer a{text-decoration:none;color:black}footer div{transition:all 500ms ease;-ms-flex:1;flex:1;cursor:pointer;line-height:4rem;text-align:center}footer div:hover{background:#a3ded9}.mm{border:6px solid black}@media (min-width: 639px){.example{width:100%}.dynamic{margin-top:1rem}.dynamic .example{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box}.dynamic .example>div{width:90%;min-height:20rem;margin-top:1em;height:10rem}.dynamic .example>div img{margin:auto;display:block;width:100%}.dynamic .example .a{margin-right:8%;padding:0rem;width:40%;padding:0 !important;padding-top:2rem !important}.dynamic .example .a>div{margin:0;margin:0}.dynamic .example .a>div p{width:108%;height:3rem;line-height:1em !important;font-weight:600;font-style:normal;text-align:center !important}.dynamic .example .a>div p:first-child{padding-top:0;margin-top:0}.dynamic .example .b{margin-left:8%;min-width:40%}.dynamic .example .c{margin-right:8%;min-width:40%}.dynamic .example .d{margin-left:8%;min-width:40%}}