@media screen and (max-width: 1200px) {

  /* ABOUT 1200*/

/* CO 1200 */

.co--wrapper {
   display: flex;
   padding: 30px;
}
.co--picture {
   width: 50%;
}

.co--texts {
   width: 50%;
}

.co--head {
   font-size: 1.5em;
   font-style: bold;
   color: #ff8400;
   padding-bottom: 30px;
}

.co--image {
   padding-top: 10px;
   width: 90%;
}

.left {
   padding-left: 10%;
   padding-right: 20px;
}

.right {
   padding-right: 50px;
}


/* WHY BIG */


/* COMMON */

.commonPhoto{
   background-image: url("../img/commonPhoto.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   height: 450px;
   width: 100%;
}

/* ORDER */

.buttonOrder {
   border: none;
   padding: 25px 40px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 20px;
   border-radius: 5px;
 }


.buttonPosition{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 50px 0 50px 0;
}


/* CONTACTS */

.block-contacts {
   display: flex;
   padding-top: 20px;
}

.contacts {
   padding: 30px 60px 50px 60px;
   margin-left: 70px;
   margin-right: 70px;
}

.map{
   width:50%;
   height:400px;
}

.contacts-text{
   padding: 0 30px 0 30px;
   width:50%;
   height:400px;  
}

}