@font-face {
  font-family: "SegoeScript";
  src: url("/view/ege/font/SegoeScriptRegular.eot"); /* IE9 Compat Modes */
  src: url("/view/ege/font/SegoeScriptRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/view/ege/font/SegoeScriptRegular.otf") format("opentype"), /* Open Type Font */
    url("/view/ege/font/SegoeScriptRegular.svg") format("svg"), /* Legacy iOS */
    url("/view/ege/font/SegoeScriptRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/view/ege/font/SegoeScriptRegular.woff") format("woff"), /* Modern Browsers */
    url("/view/ege/font/SegoeScriptRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


body {
  margin: 0;
   min-width:360px;
   background-color:#f0f9fa;
}

h1,h2,h3, h4 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.header{
  min-height: 1px; 
  color: #ffffff; 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  }

.header::after {
  content: "";
  background-color: #1c1e41;
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.container {
  position: relative;
  z-index: 1; 
  display:flex;
  flex-wrap:wrap;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  outline:1px solid grey;
  }

.header{
  position: relative;
}

 .header-row  {
 max-height:60px;
  display:flex;
  justify-content:flex-start;
  outline:1px solid green;
  width:100%;
 }
 
.header-logo {
 display:block;
 width:40%;
 /*outline:1px solid red;*/
 color:#fff;
 text-decoration:none;
  
}

.logo {
    display:flex;
    align-items:flex-start;
    width:100%;
    justify-content: flex-start;
    outline:1px solid yellow;
    margin:0;
    padding:0;
  }

.logo-img {
  display:block;
  max-width:50px;
  width:100%;
 
}

 

.header-logo-title {
  display:block;
  width:100%;
  outline:1px solid grey;  
  text-transform:uppercase;
  font-family: "SegoeScript";
  color:#f8e160;
  padding-left:10px;
  margin-right:0;
  font-size:0.5rem;
  padding-top:5px;
  box-sizing:border-box;
  }

.header-title {
 /*  outline:1px solid grey;*/
   width:50%;
   padding-left:10px;
   padding-right:10px;
   box-sizing:border-box;
   font-family: "SegoeScript";
   outline:1px solid brown;
   font-size:0.5rem;
   }

.titles-down {
    display:block;
    color:yellow;
  }

.registrtion {
display:block;
box-sizing:border-box;
width:10%;
/*outline: 1px solid red;*/
padding-top:10px;
margin-left:auto;
margin-right:auto;
color:#fff;
text-align:center;
font-family: "SegoeScript";
}

.turn {
  margin:0;
  background-color:#85dff5;
  padding:0;
}


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

.subjects {
background-color:#fff;
/*outline: 1px solid red;*/
min-height:200px;
}

.list-subjects {
	display:flex;
	flex-wrap:wrap;
  justify-content:space-around; /*evenly;*/
  width:90%;
/*  outline:1px solid red;*/
  margin-left:auto;
  margin-right:auto;
  margin-top: 0;
  padding-left:0;
}

.subject {
  display:block;
  background-repeat: no-repeat;
  background-position: 10% 10%;
  background-size:50%;
/*  outline:1px solid grey;  */
  overflow:hidden;
  z-index:1;
  margin-top:10px;
}

.subject:before {
    content:"";
    padding-top:100%;
    float:left;
   }


.subject:hover {
   color: red;
   font-size:1.8rem;
   box-shadow:5px 3px 4px 2px grey;
}


.subject-link:hover {
   color: red;
   font-size:1.8rem;
}

.russ {
    background-color:#d35400;
    background-image: url("/view/ege/image/russian-m.png");
}
.mat_baza {
    background-color:#9b59b6;
    background-image: url("/view/ege/image/matem-baza.png");
}
.mat_prof {
    background-color:#5e99db;
    background-image: url("/view/ege/image/matem-prof-m.png");

}
.obs {
    background-color:#6fbaf3;
    background-image: url("/view/ege/image/obschestvo-m.png");
}
.story {
    background-color:#887743;
    background-image: url("/view/ege/image/story-m.png");
}
.literature {
    background-color:#ffbe00;
    background-image: url("/view/ege/image/literatura-m.png");
}
.english {
    background-color:#71339c;
    background-image: url("/view/ege/image/english-m.png");
}
.physik {
    background-color:#465359;
    background-image: url("/view/ege/image/physi-k-m.png");
}
.biology {
    background-color:#b62459;
    background-image: url("/view/ege/image/biologiya-m.png");
}
.chemestry {
    background-color:#27ae60;
    background-image: url("/view/ege/image/chemestry-m.png");
}
.informatika {
    background-color:#2c73b6;
    background-image: url("/view/ege/image/informatika-m.png");
}
.geografy {
    background-color:#7a183c;
    background-image: url("/view/ege/image/geograpy-m.png");
}


.subject-link {
   display:block;
    margin-top:80%;
    color:#fff;
    padding-left:5px;
    text-decoration: none;
   }
 .header-about {
  outline:1ps solid #000;
  margin-top:10px;
 }

 .header-about-text {
  outline:1ps solid #000;
  margin-top:10px;
  font-size:1.2rem;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
 }
 
 h3 {
  font-size:1.8rem;
  font-weight:700;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:5px;
}

.header-about-text p {
  font-size:1.5rem;
  font-weight:400;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px;
  text-align:justify;
}
/*=============================*/
@media (max-width:360px) {

.header-title {
    display:none;
}


.header-logo-title {
   font-size:0.6rem;
}


.titles {
     font-size:0.6rem;
     padding-top:5px;
     
  }

.titles-down  {
   margin-top:0;
   font-size:0.9rem;

  }
.registrtion {
  font-size:0.6rem;
}


  .subject {
    width:40%;
   }
   
   .subject:nth-child(1),
   .subject:nth-child(2) {
     margin-top:0;
   }

  .subject-link {
     font-size:0.875rem;
   }
   
   .footer {
    min-height:200px;
   }
 }
/*===============================*/
@media (min-width:361px) and (max-width:640px)  {

.header-logo-title {
    font-size:0.6rem;
}


.titles {
     font-size:0.6rem;
     padding-top:5px;
  }

.titles-down  {
   margin-top:0;
   font-size:0.9rem;

  }
.registrtion {
  font-size:0.6rem;
}

.subject {
    width:30%;
  }

   .subject:nth-child(1),
   .subject:nth-child(2),
   .subject:nth-child(3)  {
     margin-top:0;
   }

  .subject-link {
    font-size:1rem;
  }

   .footer {
    min-height:200px;
   }
} 
/*===========================*/
@media (min-width:641px) and (max-width:960px)  {


.header-logo-title {
   font-size:0.75rem;
}


.titles {
     font-size:0.75rem;
     padding-top:5px;
     
  }

.titles-down  {
   margin-top:0;
   font-size:0.9rem;

  }
.registrtion {
  font-size:0.6rem;
}

.subject {
    width:23%;
  }

   .subject:nth-child(1),
   .subject:nth-child(2),
   .subject:nth-child(3),
   .subject:nth-child(4)  {
     margin-top:0;
   }

  .subject-link {
    font-size:1.5rem;
    }

   .footer {
    min-height:200px;
   }
} 


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


.header-logo-title {
   font-size:1.1rem;
}


.titles {
     font-size:1.1rem;
     padding-top:5px;
     
  }

.titles-down  {
   margin-top:0;
   font-size:1rem;

  }
.registrtion {
  font-size:1rem;
}
.subject {
    width:18%;
  }

   .subject:nth-child(1),
   .subject:nth-child(2),
   .subject:nth-child(3),
   .subject:nth-child(4)  {
     margin-top:0;
   }

  .subject-link {
    font-size:1.5rem;
    }

   .footer {
    min-height:200px;
   }
} 

@media (min-width:1241px) {

.header-logo-title {
   font-size:1.1rem;
}


.titles {
     font-size:1.1rem;
     padding-top:5px;
     
  }

.titles-down  {
   margin-top:0;
   font-size:1rem;

  }
.registrtion {
  font-size:1rem;
}
.subject {
    width:16%;
  }

   .subject:nth-child(1),
   .subject:nth-child(2),
   .subject:nth-child(3),
   .subject:nth-child(4),
   .subject:nth-child(5) {
     margin-top:0;
   }

  .subject-link {
    font-size:1.5rem;
    }

   .footer {
    min-height:200px;
   }

}