body, html {
  height: 100%;
  margin:0;
  padding:0;
  scroll-behavior: smooth;
  background: #080e12;
}
.parallax {
  background-image: url('../images/background1.jpg');
  background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:100vh;
}
h1{
  text-align: center;
}

a{
  color:white;
  text-decoration: none;
}
a:hover{
  color:white;
  text-decoration: none;
}
.navbar-brand img{
  height:40px;
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 

.hero{
text-align:left;
margin-top:30vh;
float:left;
color:white;
text-shadow: 1px 1px #111f28;
}

.intro{
  background-color:#111f28;
  color:white;
  padding:40px 0px;
}
.triangle{
  width:350px;
  margin:0 auto;
  display:block;
}

.cards{
  background: #f7f7f7;
}

.cards .col-md-5{
  padding:40px 20px 20px 20px;
}

.cards .col-md-7{
  padding:20px;
}

.cards img{
  width:inherit;
  border-radius:5px;
}

.bottom{
  background-color:#080e12;
  color:white;
  font-size:15px;
  padding:20px 0;
}
.bottom .col-md-6{
  display: grid;
}

.bottom img{
  width:180px;
  float:right;
}
.company-rights{
  float:right;
}

.information{
  background:white;
}

.services{
  background:white;
  padding:40px 0;
}

.services img{
  border-radius:10px;
}
.information{
  padding:40px 0;
}

textarea{
  resize: none;
}


@media only screen and (max-width: 600px) {
  #main h4{
    text-align: center;
  }

  video {
    display:none;
  }

  .services img{
    width:inherit;
  }
  .parallax {
  background-image: url('../images/background-mobile.jpg');
  background-repeat:no-repeat;
background-size:100%;
background-position:center;
height:100vh;
}
}