.content-heads-tabs-btn {
margin-top:5px;
margin-bottom:5px;
}

.btn-tab  {
  padding-bottom:5px;
  padding-top:5px;
  background-color:#1c1e41;
  color:#fff;
  font-size:0.8rem;
  margin-left:5px;
  border-radius:20%;
}

.btn-tab:nth-child(1) {
	margin-left:0;
}

.header-about-task {
 
 outline:1px solid green;
 margin-bottom:10px;
 margin-left:auto;
 margin-right:auto;
}

.variant {
width:100%;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
background-color:#fff;
font-family: "SegoeScript";
font-size:1.1rem;
text-align:center;
margin-left:auto;
 margin-right:auto;
}

.task {
background-color:#fff;
padding-left:10px;
padding-right:10px;
border:1px solid grey;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
margin-top:5px;
font-size:1.2rem;
}

.hr {
width:100%;
color:grey;
}

.number {
 font-size:1.2rem;
 border:1px solid red;
 border-radius:50%;
 text-align:center;
 width:11rem;
 height:1.3rem;
 font-weight:700;
}


.picture, .picture-answer  {
  display:block;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.answer-task {
  background-color:#e7e6eb;
}

.input-answer{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
border-radius:5%;
border: 1px solid grey;
background-color:#f2ebeb;
}

.pict-img {
  max-width:90%;
}

.text-title {
   text-align:center;
   background-color:#ebeff4;
  }

p {
   margin-top:0;
   margin-bottom:5px;
   box-sizing:border-box;
   padding:0;
}

.tabli {
 font-size:1.3rem;
 text-align:center;
 margin: auto;
 border-spacing:0 0;
 border:1px solid grey;

}

.img_right {
  float:right; 
}

.img_left {
  float:left; 
}

.img_center {
  width:80%;
  margin-left:auto;
  margin-right:auto;
   
}

/*=============================*/
@media (max-width:360px) {
      .header-about-task {
     max-width:900px;
   }
   .variant {
     max-width:900px;
   }
 }
/*===============================*/
@media (min-width:361px) and (max-width:640px)  {
      .header-about-task {
     max-width:900px;
   }
   .variant {
     max-width:900px;
   }

} 
/*===========================*/
@media (min-width:641px) and (max-width:960px)  {
   .header-about-task {
     max-width:900px;
   }
   .variant {
     max-width:900px;
   }
  
}


/*===========================*/
@media (min-width:961px) and (max-width:1240px)  {
  .header-about-task {
     max-width:900px;
   }
   .variant {
     max-width:900px;
   }
} 


@media (min-width:1241px) {
   .header-about-task {
     max-width:900px;
   }
    .variant {
     max-width:900px;
   }
}