body {background: #fcf8ed; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 700;}
body a {text-decoration: none;}
.box {max-width: 682px; width: 100%; min-height: 509px; height: 100%; border: 2px solid #2a2119; margin: 0 auto;}
.header {width: 100%; text-align: center; float: left; clear: both; min-height: 109px; border-bottom: 2px solid #2a2119;}
.header-wrapper { border: 5px solid #fff; width: 100%; max-width: 672px; background: #e5dcd1; height: 99px;}
.header-wrapper h1{margin: 0; color: #d55b36; font-size: 40px; padding-top: 12px;}
.header-wrapper p{margin: -2px 0 15px; font-size: 18px; }
.left {max-width: 340px; width: 100%; text-align: center; float: left; height: 398px;  border-right: 2px solid #2a2119;}
.left-wrapper {width: 100%; max-width: 330px; border: 5px solid #fff; background: #f2e9d9; max-height: 388px; height: 100%;}
.right {max-width: 340px; width: 100%; text-align: center; float: left;  height: 398px;}
.right-wrapper {width: 100%; max-width: 330px; border: 5px solid #fff; background: #f2e9d9; max-height: 388px; height: 100%;}
.fedo-logo {margin: 100px auto 0;}
.marathon-logo {margin: 71px auto 0;}
.mesto {color: #d55b36; font-size: 18px; margin: -3px 0 39px;}
.nazov {color: #000; font-size: 18px; margin: 40px 0 0;}

/*responsive*/
@media all and (min-width: 240px) and (max-width: 700px) {
body div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
body {margin: 15px; }
.box {max-width: 100%; min-height: 933px;}
.header-wrapper { height: 130px;}
.left {border-right: none; max-width: 100%; border-bottom: 2px solid #2a2119;}
.left-wrapper {max-width: 100%; max-height: 398px}
.right {max-width: 100%;}
.right-wrapper {max-width: 100%; max-height: 398px}

}