body {
  background-color: rgb(255, 255, 255);
  font: 400 1.813em/1.38 Arial;
  color: rgb(255, 255, 255);
}

.element {
  position: relative;
  float: left;
}

.image {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 298px;
  height: auto;
  margin: -164px 0 0 10%;
  overflow: hidden;
}

.text {
  position: relative;
  float: left;
}

.text-4 p {
  margin-bottom: 1em;
}

._button {
  display: block;
  position: relative;
  float: left;
  border-radius: 3px;
  text-align: center;
}

.element-1 {
  z-index: 0;
  width: 100%;
  height: 177px;
  border-bottom: 4px solid rgb(61, 103, 123);
  background-color: rgba(47, 52, 54, 0.04);
}

.element-2 {
  z-index: 6;
  width: 25.5833333333%;
  height: 363px;
  margin: 60px 0 0 10%;
  background-color: rgb(61, 103, 123);
}

.element-3 {
  clear: both;
  z-index: 8;
  width: 25.5833333333%;
  height: 207px;
  margin: -363px 0 0 10%;
  background: url('../images/bricks-2181920_1920.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}

.element-4 {
  z-index: 9;
  width: 25.5833333333%;
  height: 363px;
  margin: -363px 0 0 2.36589%;
  background-color: rgb(61, 103, 123);
}

.element-5 {
  z-index: 11;
  width: 25.5833333333%;
  height: 207px;
  margin: -363px 0 0 2.36589%;
  background: url('../images/03fb9846dc361dbb32ded4ec81d90ba0%20(1).jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: left top;
}

.element-6 {
  z-index: 12;
  width: 25.5833333333%;
  height: 363px;
  margin: -363px 0 0 29.56641%;
  border: 1px solid rgb(0, 0, 0);
  background-color: rgb(61, 103, 123);
}

.element-7 {
  z-index: 14;
  width: 25.5833333333%;
  height: 207px;
  margin: -363px 0 0 29.56641%;
  border-width: 1px;
  border-color: rgb(166, 167, 163) rgb(166, 167, 163) rgba(166, 167, 163, 0);
  border-style: solid;
  background: url('../images/blended-learning-word-cloud-by-the-asbc.png') rgb(222, 222, 222);
  background-size: contain;
  background-position: center center;
}

.element-8 {
  clear: both;
  z-index: 15;
  width: 100%;
  height: 396px;
  margin-top: 37px;
  border: 2px solid rgb(61, 103, 123);
  background-color: rgb(61, 103, 123);
}

.text-1 {
  z-index: 7;
  width: 24.1666666666%;
  min-height: 187px;
  margin: -156px 0 0 10.66667%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-2 {
  z-index: 10;
  width: 24.1666666666%;
  min-height: 187px;
  margin: -156px 0 0 3%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-3 {
  z-index: 13;
  width: 24.1666666666%;
  min-height: 187px;
  margin: -156px 0 0 3.0625%;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-4 {
  clear: both;
  z-index: 16;
  width: 32.4166666666%;
  min-height: 104px;
  margin: -104px 0 0 9.9974%;
  font-size: 0.69em;
  font-weight: 700;
  color: rgb(255, 242, 242);
}

._button-1 {
  z-index: 2;
  width: 13.6%;
  height: 70px;
  margin: -113px 0 0 33.20052%;
  border-bottom: 3px solid rgb(61, 103, 123);
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 0.862em;
  color: rgb(61, 103, 123);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-2 {
  z-index: 3;
  width: 13.5989583333%;
  height: 70px;
  margin: -113px 0 0 47.60026%;
  border-bottom: 3px solid rgb(61, 103, 123);
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 0.862em;
  color: rgb(61, 103, 123);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-3 {
  z-index: 4;
  width: 13.5989583333%;
  height: 70px;
  margin: -113px 0 0 62.0013%;
  border-bottom: 3px solid rgb(154, 72, 50);
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 0.862em;
  color: rgb(154, 72, 50);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-2:hover,
._button-3:hover {
  border-bottom-color: rgb(154, 72, 50);
  color: rgb(154, 72, 50);
}

._button-4 {
  z-index: 5;
  width: 13.5989583333%;
  height: 70px;
  margin: -113px 0 0 76.40104%;
  border-bottom: 3px solid rgb(61, 103, 123);
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 0.862em;
  color: rgb(61, 103, 123);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-4:hover {
  border-bottom-color: rgb(154, 72, 50);
  background-color: rgba(222, 222, 222, 0);
  color: rgb(154, 72, 50);
}

._button-5 {
  z-index: 17;
  width: 6.9166666666%;
  height: 58px;
  margin: -101px 0 0 91.45703125%;
  background: url('../images/russia-flag.png') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  font-family: Helvetica;
  font-size: 0.552em;
  color: rgb(0, 0, 0);
}