.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;
}


.breadcrumbs {
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
 background-color:#66b3c6;
}

.menu {
background-color:#fff;
min-height:20px;
/*outline:1px solid red;*/
 width:100%;
 padding-top:15px;
 padding-bottom:15px;
 margin-left:auto;
 margin-right:auto;
 padding-left:55px;
}

.menus {
  text-decoration:none;
  color:black;
  
  font-size:1.2rem;
}
 
 .photoFame {
margin-top:15px;
}


 .howtoenter {
  display:block;
 }

 .reiting, .subject-title, .howtoenter {
  background-color:#fff;
 width:20%;
 /*outline: 1px solid red;*/
 padding-top:10px;
 padding-bottom:10px;
 font-size:1.5rem;
 text-align:center;
 }

.subject-title {
 width:60%;
 font-family: "SegoeScript";
}

.howtoenter {
  text-decoration:none;
}

.hallofFame {
margin-top:5px;

}
 
.photo-wrap {
 border:1px solid #000;
 margin-top:5px;
 width:100%;
 display:flex;
 
 justify-content: space-around;
 background-color:#fff;
 text-align: center;
}

.photo {
  display:none;
  text-align: center;
  }
 
 .img-photo {
 display:block;
 width:100%;
 margin:auto;
 overflow:hidden;
 z-index:1;
 border-radius:50%;
 }

  .img-photos {
  width:100%;
  }
          
.img-photo:before {
 content:"";
 padding-top:100%;
 float:left;
}

.fio {
  width:100%;
  margin-left:0px;
  margin-top:10px;
}

 .photo-title {
  text-align:left;
  display:block;
 }
 
.reit{
   color:#66b3c6;
   text-align:left;
   display:block;
}


.menu-subject {
  margin-top:10px;
}

.menu-wrap {
  /* outline: 1px solid red;*/
   width:100%;
   text-align:center;
    padding-top:10px;
	padding-bottom:10px;
  background-color:#fff;
}


.menu-subj {
font-family: "SegoeScript";
font-size:1.3rem;
text-decoration: none;
color:#000;
font-weight: 700;
margin-left:20px;
}

.title-subject {
	margin-top:10px;
}

.wrap-var {
  margin-top:10px;
  background-color:#fff;
  display:flex;
  flex-wrap: wrap;
  width:100%;
  padding-bottom:10px;
  box-sizing: border-box;
  min-height:20px;
}

.title-subj, .menu-subj-btn {
  
  text-decoration:none;
  color:#000;
  font-family: "SegoeScript";
  background-color:#fff;
  text-align:left;
  padding-left:20px;
  box-sizing:border-box;
}

.menu-subj-btn:hover, .menu-subj-btn-d:hover {
   box-shadow:5px 3px 4px 2px grey;
}


.menu-subj-btn-d {
display:block;
background-color:#fff;
}





.about {
 min-height:100px;
 outline:1px solid red;
 margin-top:20px;
}

.about-text {
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
  background-color:#fff;
  font-size:1.8rem;
}

.about-text h3 {
  
  font-weight:700;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:5px;
}

.about-text p {
  font-size:1.2rem;
  margin-top:0;
   margin-bottom:5px;
   box-sizing:border-box;
   padding:0;
}

.footer {
 min-height:100px;
 outline:1px solid red;
 margin-top:20px;
}

.footer-text {
   width:100%;
    background-color:#fff;
    padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
    colot:#fff;
}

.header-about-task {
 width:90%;
 outline:1 ps solid red;
}

/*=============================*/
@media (max-width:360px) {
          
/* --------photoFame--------------*/
.photoFame, .hallofFame, .menu-subject {
	display:none;
}

/* --------menu-subject--------------*/

/*---------title-subject---------------*/

.title-subj {
  width:100%;
  /*outline:1px solid yellow;*/
  text-align: center;
  font-size:0.875rem;
  padding-top:5px;
  padding-bottom:5px;
}
.title-subj:nth-child(2) {
  margin-top:10px;
}


.menu-subj-btn, .menu-subj-btn-d {
	width:40%;
	text-align: center;
	border-radius: 10%;
	background-color:#dedede;
	color:#000;
	font-size:1rem;
	padding-left:10px;
	padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    margin-left:10%;                                   
}


 .menu-subj-btn-d {
width:80%;
 }
 .menu-subj-btn:nth-child(2n+1)  {
   margin-left:0;
 }

 }
/*===============================*/
@media (min-width:361px) and (max-width:640px)  {
 
 /* --------header---------------*/

/* --------photoFame--------------*/

.photoFame, .hallofFame, .menu-subject {
	display:none;
}

/* --------menu-subject--------------*/

/*---------title-subject---------------*/

.title-subj {
  width:100%;
 /* outline:1px solid yellow;*/
  text-align: center;
  font-size:0.875rem;
  padding-top:5px;
  padding-bottom:5px;
}

.title-subj:nth-child(2) {
  margin-top:10px;
}

.menu-subj-btn, .menu-subj-btn-d {
	width:26%;
	text-align: center;
	border-radius: 10%;
	background-color:#dedede;
	color:#000;
	font-size:0.8rem;
	padding-left:10px;
	padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    margin-left:4%;
}
 
  .menu-subj-btn-d {
width:80%;
 }
 .menu-subj-btn:nth-child(3n+1)  {
   margin-left:0;
 }

} 
/*===========================*/
@media (min-width:641px) and (max-width:960px)  {




/* --------photoFame--------------*/

.photo:nth-child(1),
.photo:nth-child(2),
.photo:nth-child(3)  {
	box-sizing: border-box;
    width:26%;
	margin-left:5%;
    display: flex; 
    flex-wrap:wrap;
    justify-content: center; 
    align-items: flex-start; 
}

.photo-title {
  font-size: 1rem;
  color:#000;
  display:block;
  width:100%;
}

.reit {
display:block;
width:100%;
}
/* --------menu-subject--------------*/

/*---------title-subject---------------*/

.title-subj {
  width:45%;
 /* outline:1px solid yellow;*/
  text-align: center;
  font-size:1.3rem;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:10%;
  box-sizing: border-box;
}

.title-subj:nth-child(1) {
  margin-left:0;
  padding-top:15px;
}



/*---------selecteds--------------------*/
.menu-subj-btn, .menu-subj-btn-d {
	width:26%;
	text-align: left;
	border-radius: 10%;
	background-color:#dedede;
	color:#000;
	font-size:1rem;
	padding-left:5px;
	padding-top:5px;
    padding-bottom:5px;
    margin-top:5px;
    margin-left:4%;
    box-sizing: border-box;
}

.menu-subj-btn-d  {
width:70%;

}

 
} 

/*===========================*/
@media (min-width:961px) and (max-width:1240px)  {

/* --------photoFame--------------*/

.photo:nth-child(1),
.photo:nth-child(2),
.photo:nth-child(3),
.photo:nth-child(4)  {
	display:block;
	width:22%;
/*	outline:1px solid red;*/
	margin-left:3%;
  box-sizing: border-box;
  display: flex; 
   flex-wrap:wrap; 
 justify-content: center; 
 align-items: center;
}

.photo-title {
  font-size:1.2rem;
  color:#000;
  padding-left:10px;
  display:block;
}
.reit {
font-size:1.2rem;
text-align: left;
padding-left:10px;
display:block;
}

/* --------menu-subject--------------*/

/*---------title-subject---------------*/

.title-subj {
  width:45%;
 /* outline:1px solid yellow;*/
  text-align: center;
  font-size:1.3rem;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:10%;
  box-sizing: border-box;
}

.title-subj:nth-child(1) {
  margin-left:0;
  padding-top:15px;
}
.menu-subj-btn, .menu-subj-btn-d {
	text-align: center;
	border-radius: 10%;
	background-color:#dedede;
	color:#000;
	font-size:1rem;
	padding-left:10px;
  padding-right:10px;
	padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    margin-left:4%;
}
 

.menu-subj-btn-d {
  width:50%;
  text-decoration: none;
}

.menu-subj-btn:hover, .menu-subj-btn-d:hover {
  font-size:1.2rem;
}

} 


@media (min-width:1241px) {

/* --------photoFame--------------*/
.photo:nth-child(1),
.photo:nth-child(2),
.photo:nth-child(3),
.photo:nth-child(4),
.photo:nth-child(5)   {
	display:block;
	width:16%;
	/*outline:1px solid red;*/
	margin-left:4%;
  box-sizing: border-box; 
  
  display: flex;
  flex-wrap:wrap; 
 justify-content: center; 
 align-items: center;
 
}

.photo-title {
  font-size:1.2rem;
  color:#000;
  display:block;
}
.reit {
font-size:1.3rem;
text-align: left;
padding-left:10px;
display:block;
}
/* --------menu-subject--------------*/

/*---------title-subject---------------*/


.title-subj {
  width:45%;
  /*outline:1px solid yellow;*/
  font-size:2rem;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:10%;
}

.title-subj:nth-child(1) {
  margin-left:0;
}
.menu-subj-btn, .menu-subj-btn-d {
	
	text-align: left;
	border-radius: 10%;
	background-color:#dedede;
	color:#000;
	font-size:1.2rem;
  
	padding-left:10px;
  padding-right:10px;
	  
    margin-top:10px;
    margin-left:4%;
}

.menu-subj-btn-d {
  width:50%;
} 

}