section.start{height:500px;margin-top:80px;background:#fbf6f0}section.start::after{content:'';display:table;clear:both}section.start .text{position:relative;float:left;height:100%;width:50%}section.start .text .inner{position:absolute;width:290px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.start .text h2{margin:0 0 30px 0;font-size:40px;font-weight:600}section.start .text p{font-size:20px;font-weight:500}section.start .picture{float:left;width:50%;height:100%;background-image:url("/img/oddn/pages/whoweare/backgrounds/1.png");background-repeat:no-repeat;background-size:cover;background-position:top left;background-color:transparent}section.desc{background:#ffffff}section.desc .container{padding:70px 180px}section.desc h2{margin:0 0 30px 0;font-size:40px;font-weight:600}section.desc p{max-width:700px;font-size:22px;font-weight:400}section.code-blocks{background:#ffffff;padding-bottom:150px}section.code-blocks .code-block{border:1px solid #e9e1d6;background:#fbf6f0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:20px 30px}section.code-blocks .code-block::after{content:'';display:table;clear:both}section.code-blocks .code-block:nth-child(2) a{color:#333;font-weight:500;padding:10px 50px;text-align:center;display:block;font-size:16px}@media only screen and (max-width: 992px){section.desc .container{padding:70px 80px}}@media screen and (max-width: 768px){section.start{position:relative}section.start .text{float:none;position:absolute;top:0;left:0;width:100%}section.start .picture{float:right;width:70%}section.start .text .inner{top:40px;left:40px;-moz-transform:none;-webkit-transform:none;transform:none}}@media only screen and (max-width: 480px){section.desc .container{padding:70px 35px}}@media only screen and (max-width: 320px){section.start .text .inner{left:20px;width:calc(100% - 40px)}}