body {
    color: #000;
    font: 16px/19px "Roboto", Tahoma, Arial, sans-serif;
    margin: 0;
    min-height: 100%;
    position: relative;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    min-height: 100%;
}
header{text-align: center;
    height: 100px;
    background: #000;
}
.logo{margin-top: 25px}
.btn{font-size: 25px;font-weight: 600;color: #000000;text-transform: uppercase;width: 275px;height: 70px;line-height: 69px;text-align: center;border-radius: 0;padding: 0}
.btn-yellow{border:1px solid #fbb540;background:#fbb540;}
.btn-yellow:hover,.btn-yellow:focus{background: rgba(251,181,64,0.2);color: #fff;}
footer {height: 55px;background: #000;font-size: 16px;line-height: 1.3;color: #787878}
.copy{margin-top: 18px}
.body {
  height: calc(100vh - 155px);
  background: #fcb827;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.body__wrapper {
  position: absolute;
  top: 0;
  height: calc(100vh - 155px);
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.body__wrapper > div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.body-left,.body-right{background-position: center; background-repeat: no-repeat;background-size: cover;}
.body-left{background-position: 0 0;}
.body-left {
  left: 0;
  z-index: 4;
  background-image: url(../img/bg-right.jpg);
   -webkit-clip-path: polygon(calc(62% + 10px) 0, 100% 0, 100% 100%, calc(38% + 10px) 100%);
         clip-path: polygon(calc(62% + 10px) 0, 100% 0, 100% 100%, calc(38% + 10px) 100%);

}
.body-left:hover,.body-left:focus,.body-right:hover,.body-right:focus,.body-right.hover,.body-left.hover{    -webkit-transform: scale(1.05);
    transform: scale(1.05);
     -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
	cursor: pointer;}
.body-right {
  z-index: 5;
  right: 0;
  background-image: url(../img/bg-left.jpg);
  -webkit-clip-path: polygon(0 0, 62% 0, 38% 100%, 0 100%);
         clip-path: polygon(0 0, 62% 0, 38% 100%, 0 100%);
}
.btn-row a{top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute; z-index: 11;}
.btn-row{position: relative;height: calc(100vh - 155px);z-index: 11;}
@media (max-width: 1200px){ .body,.body__wrapper,.btn-row{ height: calc(100vh - 115px)}
    header {height: 60px;}
    .logo {margin-top: 10px;height: 40px}}
@media (max-width: 992px){
.btn {
    width: 210px;
    height: 55px;line-height: 54px}
}
@media (max-width: 768px){
    .body,.body__wrapper,.btn-row{ height: calc(100vh - 100px)}
    header {height: 60px;}
    .logo {margin-top: 10px;height: 40px}
    footer {height: 40px;text-align: center;}
    .copy {margin-top: 10px;}
	    .btn-row{ height: calc((100vh / 2) - 50px)}
    .body-left {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}
 .body-right {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(50% - 4px), 0 calc(50% - 4px));
clip-path: polygon(0 0, 100% 0, 100% calc(50% - 4px), 0 calc(50% - 4px));
background-position: center -54px;
	}
.body-left {background-position: 0 275px;}
}
@media (max-width: 480px){
	.body-left {
    background-position: 0 210px;}
	.body,.body__wrapper{ height: calc(100vh - 110px)}
    .body .col-xs-6{width: 100%}
	 footer {height: 50px;}
    .copy {margin-top: 5px;}
    .btn-row{ height: calc((100vh / 2) - 55px)}
    .body-left {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}
 .body-right {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(50% - 4px), 0 calc(50% - 4px));
clip-path: polygon(0 0, 100% 0, 100% calc(50% - 4px), 0 calc(50% - 4px));
background-position: center -54px;
}
}