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

/* ABOUT MEDIUM*/


.photo{
  width: 40%;
  padding: 100px 50px 70px 50px;
}

.photo__picture {
  width: 100%;
}
  
.abouttext{   
  width: 60%;
  font-size: 1.1em;
  line-height: 1.5em;
  font-style: italic;
  padding: 50px 30px 50px 0px;

}

.abouttitle{
  font-size: 1.7em;
  color: #ff8400;
  text-align: center;
  padding-bottom: 40px;
}



  /* CO 1028*/

.co--wrapper {
   display: flex;
   padding: 30px;
}

.co--head {
   padding-left: 10px;
   font-size: 1.3em;
   padding-bottom: 30px;
}

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

.left {
   padding-left: 5%;
}

/* WHY MEDIUM */

.why {
   height: auto;
   padding-bottom:80px;
}

.whyIcon {

   max-width: 60px;
}

.titleWhy{
   font-size: 2em;
   padding-bottom:50px;
}

.textWhy{
   color: #ffffff;
   font-size:14px;
   margin-top:20px;
}



/*  PARTNERS PHOTO LINE MEDIUM */

.commonPhoto{
   background-image: url("../img/commonPhoto.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   height: 350px;
   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 */

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

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

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

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

/* Footer */


}