/* --------------------------------------
=========================================
Trans Aero - Responsive Logistic Html Template
Version: 1.0 (Initial Release)
Designed By: Vadzim Liashkevich
=========================================


 /*-- IMPORT GOOGLE WEB FONTS --*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:400,300,700);

 /*-- BOOTSTRAP --*/
@import url('bootstrap.min.css');

 /*-- FONT AWESOME --*/
@import url('font-awesome.min.css');

 /*-- FLATICONS --*/
@import url('../fonts/flaticon/flaticon.css');

 /*-- SLIDER PRO --*/
@import url('../assets/slider-pro/css/slider-pro.min.css');

 /*-- ANIMATE CSS --*/
@import url('animate.css');

 /*-- OWL CAROUSEL --*/
@import url('../assets/owl-carousel/owl.carousel.css');
@import url('../assets/owl-carousel/owl.theme.css');

 /*-- MAIN STYLES --*/
@import url('theme.min.css');

 /*-- RESPONSIVE FIXES --*/
@import url('responsive.css');


.text-about-1 {
  display:flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  background-color: #ecf4f9;
  border-radius:10px;
  padding:30px;
}

.text-pres {
  width:600px;
}

.pagination-blog {
  height:100vh;
  text-align: center;
}

.about-footer {
  display:flex;
  align-items: center;
  justify-content: space-evenly;
  align-content: baseline;

}

.about-footer > div {
  width: 25%;


}

.footer-3 {
      position: relative;
        top: 14px;
}

.navbar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-2{
  padding-left: 117px;
}

.the_vid{
  object-fit: cover;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 768px){

  .text-about-1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #ecf4f9;
      border-radius: 10px;
      padding: 30px;
    }

        .text-pres {
          width: 300px;
        }

  .footer-2, .footer-1, .footer-3, .footer-4{
    padding-left: 12px;
    text-align: center;
  }

  footer ul{
    padding-left:200px;
  }

  .about-footer{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .about-footer > div {
    width:50%
  }

  .about-footer img {
        position: relative;
          right: 64px;
  }

}
 /*-- COLOR SCHEMES --*/
/*@import url('red.css');*/
/*@import url('green.css');*/
/*@import url('blue.css');*/