html,body{width:100%;height:100%;padding:0;margin:0;}
body{background:url(images/bg2.jpg) center center no-repeat #2b3147;background-size:cover;color:#2b3147;font-family:'Lato',Arial,sans-serif;font-size:14px;}
#wrap{box-sizing:border-box;width:100%;height:100%;padding:120px;min-height:970px;}
#main{position:relative;width:100%;max-width:1050px;height:100%;-webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.36);-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.36);box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.36);}
#mrb{position:absolute;top:68px;left:52px;background:url(images/svg/mrb.svg) top left no-repeat;height:430px;width:430px;-webkit-filter: drop-shadow( 5px 5px 32px rgba(0,0,0,0.36) );filter: drop-shadow( 5px 5px 32px rgba(0,0,0,0.36) );}
.inside{position:absolute;background:#fff;box-sizing:border-box;}
._top{height:68px;width:100%;top:0;left:0;}
._left{top:0;left:0;height:100%;width:52px;}
._right{top:0;right:0;height:100%;width:568px;padding:235px 145px 0 50px;}
._bottom{bottom:0;left:0;height:calc(100% - 498px);width:482px;}
.title{font-size:30px;font-family:'Yeseva One',Georgia,sans-serif;line-height:40px;width:375px;margin-bottom:22px;}
.footer{position:absolute;bottom:64px;right:63px;}
._fleft{border-bottom:3px solid #2b3147;width:195px;text-align:right;height:115px;}
._links{position:absolute;bottom:15px;right:0px;}
._link{display:block;width:19px;height:19px;background-repeat:no-repeat;background-position:center center;margin-left:15px;float:left;}
.dribbble{background-image:url(images/svg/Dribbble.svg);}
.behance{background-image:url(images/svg/Behance.svg);}
.instagram{background-image:url(images/svg/Instagram.svg);}
.medium{background-image:url(images/svg/Medium.svg);}
.copyrights{font-size:12px;right:auto;}

@media screen and (max-width:1240px) {
    ._right{padding:235px 100px 0 50px;width:calc(100% - 430px)}
    ._left{width:0;}
    ._bottom{width:430px}
    #mrb{left:0;}
}
@media screen and (max-width:1140px) {
    .title{font-size:24px;line-height:30px;width:auto;}
    _right{padding-right:30px;}
}

@media screen and (max-width:1020px) {
    #wrap{padding:50px;}
    ._top{width:0;height:0;}
    #mrb{top:0;left:50%;transform: translateX(-50%)}
    #main::after{position:absolute;content:'';right:0;top:0;height:430px;background:#fff;width:calc(50% - 215px)}
    ._left{height:430px;width:calc(50% - 215px)}
    ._right{top:430px;padding:50px;width:calc(100% - 295px);position:absolute;height:calc(100% - 430px);left:0;right:auto;}
    ._bottom{padding:50px;width:295px;height:calc(100% - 430px);left:auto;right:0;}
}
@media screen and (max-width:715px) {
    ._right{width:100%;}
    ._bottom{width:100%;height:135px;padding:0;bottom:85px}
    ._fleft{bottom:0;right:50px;}
    .copyrights{bottom:50px;right:50px;left:auto;}
}

@media screen and (max-width:550px) {
    #wrap{padding:30px;min-height:900px;}
    #mrb{width:250px;height:250px;}
    #main::after,._left{height:250px;width:calc(50% - 125px)}
    ._right{top:250px;height:calc(100% - 250px);}
}