.bodyContainer {
  margin-left: auto;
  margin-right: auto;
  min-height: 1000px;
  background-color: white;
  box-shadow: 5px 0 10px -4px #a5c0d7, -5px 0 10px -4px #a5c0d7;
}
@media (min-width: 1200px) {
  .bodyContainer {
    max-width: 1140px;
  }
}

.bannerPhoto {
  max-height: 173px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .bannerPhoto {
    max-height: 230px;
  }
}
@media (min-width: 768px) {
  .bannerPhoto {
    max-height: 280px;
  }
}
@media (min-width: 992px) {
  .bannerPhoto {
    max-height: 400px;
  }
}

#header .schoolLogo {
  max-width: 320px;
  padding: 5px 0;
}
@media (min-width: 576px) {
  #header .schoolLogo {
    max-width: 420px;
  }
}

#frontPageSlider {
  position: relative;
}
#frontPageSlider .slider .itemBox {
  position: relative;
}
#frontPageSlider .decorationBlueTop {
  position: absolute;
  top: 0px;
  left: 0;
  max-width: 50%;
}
#frontPageSlider .decorationBlueBottom {
  position: absolute;
  bottom: 0px;
  right: 0;
}

#linksBlock .row {
  margin: auto;
}

.newsAndAchievements {
  margin: 40px 0 30px 0;
  padding: 0px 10px;
  color: #235fb7;
}
@media (min-width: 766px) {
  .newsAndAchievements {
    padding: 0px 25px;
  }
}
.newsAndAchievements .title_news {
  margin-top: -36px;
  margin-left: -35px;
  margin-bottom: 5px;
}
.newsAndAchievements #latestNewsBlock {
  border: #235fb7 2px solid;
  padding: 10px 20px 20px 20px;
  box-shadow: #6d8cb3 4px 4px;
  height: 100%;
}
.newsAndAchievements #latestNewsBlock .news_item {
  margin-top: 15px;
  margin-bottom: 15px;
}
.newsAndAchievements #latestNewsBlock .news_text {
  cursor: pointer;
}
.newsAndAchievements #latestNewsBlock .news_text a:hover {
  text-decoration: underline;
}
.newsAndAchievements #latestNewsBlock .separateLine {
  background-image: url("../images/newsLine.png");
  height: 10px;
  background-repeat: no-repeat;
  margin-top: 20px;
}
.newsAndAchievements #achievementsBlock {
  border: #235fb7 2px solid;
  padding: 10px 20px 20px 20px;
  box-shadow: #6d8cb3 4px 4px;
  margin-top: 40px;
  height: 100%;
}
@media (min-width: 768px) {
  .newsAndAchievements #achievementsBlock {
    margin-top: 0;
  }
}
.newsAndAchievements #achievementsBlock .image_achievements {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: grey;
}

.latest-news {
  height: 520px;
}

.achievement {
  height: fit-content;
}

@media (min-width: 768px) {
  .latest-news, .achievement {
    height: 45vw;
    max-height: 480px;
  }
}

.linksAndIntranet {
  margin: 40px 0 0 0;
  padding: 0px 25px;
  display: flex;
  align-items: stretch;
}
@media (max-width: 766px) {
  .linksAndIntranet {
    margin: 40px 0 100px 0;
  }
}
.linksAndIntranet .col-12 {
  padding: 0;
}
.linksAndIntranet #intranetBlock {
  background-image: url("../images/bg_intranet.png");
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  padding: 20px 35px 10px 30px;
  position: relative;
}
.linksAndIntranet #intranetBlock .title_intranet {
  margin-bottom: 20px;
}
.linksAndIntranet #intranetBlock .btn_enterIntranet {
  background-image: url("../images/btn_loginIntranet.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #334a9a;
  height: 50px;
  width: 100%;
  border: none;
  margin-top: 50px;
}
.linksAndIntranet #intranetBlock #login-block .col-2, .linksAndIntranet #intranetBlock #login-block .col-md-5, .linksAndIntranet #intranetBlock #login-block .col-lg-4 {
  padding: 0;
}
.linksAndIntranet #intranetBlock #login-block .login_acc img {
  height: 35px;
  width: 100%;
}
.linksAndIntranet #intranetBlock #login-block .login_pass img {
  height: 35px;
  width: 100%;
}
.linksAndIntranet #intranetBlock .intranetInputBox {
  background-color: white;
  height: 35px;
  border: none;
}
.linksAndIntranet #intranetBlock .intranetInputBox:focus {
  outline: none;
}
.linksAndIntranet #intranetBlock .btn_login {
  background-image: url("../images/loginBtn.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #344a9a;
  height: 35px;
  border: none;
}
.linksAndIntranet #intranetBlock .schoolBoysGirl {
  text-align: right;
}
@media (min-width: 768px) {
  .linksAndIntranet #intranetBlock .schoolBoysGirl {
    position: absolute;
    right: 20px;
    top: 240px;
    width: 60%;
  }
}

/*# sourceMappingURL=style.css.map */