.body_container {
    /* max-width: 100em; */
    margin: 0 auto;
    padding: 0em;
}
.who_container{
    display: flex;
    justify-content: space-evenly;
}
.text_container{
    margin: 5em 5em;
}
.information_sections_container {
    /* display: table-cell; */
    /* box-sizing: border-box; */
    /* text-align: center; */
    width: 100%;
}
.tech_img_div{
    margin-bottom: 2em;
}
.section_container{
    margin:10em 15em 8em 15em;
}

.dot2 {
    cursor:pointer;
    height: .81em;
    width: .81em;
    margin: 0 .3em;
   /* background-color: rgba(255,255,255,0.3);*/
    /* background-color: rgba(95,105,108,0.3); */
    /* background-color: rgba(0, 0, 0, 1); */
    background-color: #CCCCCC;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .dot2 active{
      background-color: #E21836;
  }
  .active, .dot2:hover {
    background-color: #E21836;
  }
.information_sections li {
    list-style-type: none;
    display: inline-block;
}
.li-cell-especial {
    width: 66%;
}
.li-cell-general{
    width: 33%;
}
.information_sections {
    padding: 0;
    margin: 0;
}
.technology_container{
    background-color: #e2e2e2;
    padding-bottom: 7em;
    margin-top: 7em;
}
.technology_card{
    margin: 1em 2em;
    width: 25em;
    background-color: white;
    border-radius: 10px;
    padding-bottom: 5em;
    padding-top: 1em;
}
.cards_container{
    margin: 0em 9em;
    display: flex;
    justify-content: space-evenly;
    /* padding-bottom: 3em; */
}

.who_detail{
    width:100%;
    text-align:center;
}

.robo_medium_15{
        font-family: "AvenirFont", sans-serif;
    font-weight: bold;
    font-size: 15px;
}
.info_section {
    padding: 2em;
    display: block;
}
#button_box_technology {
    background-image: url(../resources/info_whoweare.jpg);
        background-repeat: no-repeat;
}
#button_box_cares_maintenance {
    background-image: url(../resources/info_care_main_3.jpg);
        background-repeat: no-repeat;
}
#button_box_about_us {
    background-image: url(../resources/info_about_us_3.jpg);
        background-repeat: no-repeat;
}
#button_box_literature {
    background-image: url(../resources/info_literature.jpg);
        background-repeat: no-repeat;
    width: 62.2em;
}
#button_box_tech_spe {
    background-image: url(../resources/info_espeifications.jpg);
        background-repeat: no-repeat;
}
#button_box_spe {
    background-image: url(../resources/info_sep_3.jpg);
        background-repeat: no-repeat;
}
#button_box_ourhistory {
     background-image: url(../resources/info_whoweare.jpg);
        background-repeat: no-repeat;
    width: 62.2em;
}
a.button_box {
           color: #fff;
        background-position: center;
        background-size: cover;
            width: 29em;
            /*height: 25em;*/
            height: 20em;
            overflow: hidden;
            display: inline-block;
        transition: all .2s ease;
            position: relative;
            cursor: pointer;
           }
.button_box_content {
    position: absolute;
    bottom: 0;
    top: 0;
    margin-top: 6em;
  width: 100%;
    z-index: 2;
    display: table;
    transition: all .2s ease;
}
a:hover .button_box_content {
    height: 8em;

}
.button_box_content h2 {
    font-size: 2.5em;
    font-weight: bold;
    margin: 0;
}
.description {
    opacity: 0;
    visibility: hidden;
    margin: 5px;
    line-height: 1.5em;
}
.description p{
   vertical-align: middle;
}
a:hover .description{
    opacity: 1;
    visibility: visible;
}
.container{
    display:grid;
    grid-template-columns: 50% 50%;
    margin: 6em 0em;
    text-align: left;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .container{
        display:flex;
        flex-wrap: nowrap;
        margin: 6em 0em;
    }
}
@-moz-document url-prefix() {
    .container{
        display:flex;
        flex-wrap: nowrap;
        margin: 6em 0em;
    }
}
@media screen and (max-width: 1100px) {
    .container:nth-child(1){
        display:block;
        grid-template-columns: 100%;
        margin: 6em 0em;
    }
    .container:nth-child(2){
        display:flex;
        flex-direction: column-reverse;
        margin: 6em 0em;
    }
}
@media screen and (max-width: 1500px) {
       #button_box_literature {
    width:  59em;
}
       #button_box_ourhistory {
    width:  59em;
}
}

@media screen and (max-width: 1300px) {
    .li-cell-especial {
    width: 100%;
}
.section_container{
    margin:7em 2em 3em 2em;
}
.cards_container{
    margin: 0em 9em;
   /* display: block;
     justify-content: space-evenly; */
    /* padding-bottom: 3em; */
}
.technology_card{
    margin: 1em 2em;
    width: 25em;
    background-color: white;
    border-radius: 10px;
    padding-bottom: 5em;
}

.li-cell-general{
    width: 100%;
}
    a.button_box {
            width: 100%;
           }
    #button_box_literature {
    width: 100%;
}
       #button_box_ourhistory {
    width: 100%;
}
    .information_sections_container {
          display: inline-block;
          width: 100%;
      }
}
@media screen and (max-width: 1100px) {

     .information_sections_container {
          display: inline-block;
          width: 100%;
      }
      .who_container{
        display: block;
        margin-bottom: 9em;
        /* justify-content: space-evenly; */
    }
    .who_detail{
        width:100%;
        text-align:center;
        margin-bottom: 5em;
    }
    .text_container{
        margin: 0em 2em;
    }
}

@media screen and (max-width: 26em) {
    .button_box_content h2 {
    font-size: 1.8em;
}
}
.info_section {
    padding: .5em;
}

.button_box_background{
    width: 100%;
    height: 100%;
     display: block;
   background-color: rgba(48,54,64,0.3);
}

a.button_box:hover .button_box_background{
    display: block;
    background-color: rgba(48,54,64,0.7);
}

 .description {
    color: #FFF;
    padding: .038em .75em .3em .75em;
    font-weight: normal;
    margin: auto;
    text-decoration: none;
    min-width: 7.5em;
}
@media screen and (max-width: 500px){
    .body_container {
    padding: 2em 1em 3em 1em;
}
.technology_card {
    margin: 3em 0em;
}
        .button_box_content h2 {
    font-size: 1.5em;

}
.text_container{
    margin: 0em .5em;
}
.body_container {
    padding: 0em 0em 0em 0em;
}
.cards_container{
    margin: 0em 1em;
    /*display: block;
     justify-content: space-evenly; */
    /* padding-bottom: 3em; */
}
a:hover .button_box_content {
    transition: 0;
}
        a:hover .description{
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    vertical-align: inherit;
}
a:hover .button_box {
    transition: 0;
}
    a.button_box {
        height: 10em;
    }
    .button_box_content {
        margin-top: 3em;
    }
}
.text_container_left{
    margin-right: 2em;
}
@media screen and (max-width: 500px){
.text_container_right{
    margin-left: 0em;
}
.text_container_left{
    margin-left: 0em;
}

    }