/*
@import url(https://fonts.googleapis.com/css?family=Lora);
*/

.b2i_micon::before { content:url("/images/b2i_1.svg"); }

body {
  height: 100vh; 
  margin:0;
}

/* ul {
  list-style: none; 
  margin: 0 auto;
}
a {
  text-decoration: none;
  font-family: 'Lora', serif;
  transition: .5s linear;
}
i {
  margin-right: 10px;
}
nav {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
}
.one ul {
  padding: 7px;
  background: #bdc3c7;
}
.one li {
  display: inline;
} */

/* Стили для вывода по высоте на весь экран */
.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}
/* .box .row {
  border: 1px dotted grey;
} */
.box .box-by-content {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}
/* .box .row.content {
  flex: 1 0 900px;
} */
.box .h100percent {
  flex: 1 1 auto;
}

/* .box .row.footer {
  flex: 0 1 40px;
} */


/* .h100percent {
  height: calc(100vh - 110px);
  margin-left: 10px;
  margin-right: 10px;
} */

.h100percentMinus60 {
  height: calc(100vh - 170px);
}

/* .h100percentMinus100 {
  height: calc(100vh - 210px);
}

.h100percentMinus210 {
  height: calc(100vh - 320px);
}
 */

 .aclw2Fonts {
  font-family:Verdana, Arial, sans-serif; 
  font-size: 13px;  
  text-align: center;
  color: #444;
}

/* @media (max-width: 1400px) {
  .article {
    width: 100%;
  }
  .articleRight {
    width: 100%;
  }
  .articleCenter {
    width: calc(100% - 40px);
    margin: 20px;
  }
  img {
    max-width: 100%;
    display: block;
  }
}

@media (min-width: 1401px) {
 .article {
    width: 900px;
    margin-left: calc(100%/4 - 900px/4);
  }
  .articleRight {
    width: 900px;
    margin-left: calc(100%/4*3 - 900px/4*3);
  }
  .articleCenter {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  img {
    display: block;
  }
 
} */