#header{
    min-height: 100px;
  }

#body{
  min-height: 400px;
  margin-top: 3%;
}

body{
  min-height: 400px;
  /*background-color: #0d1121;*/
  background-color: #151922;
  color: white;
  font-family: 'Jost', sans-serif;
  margin: 50px;
 }

div{
  cursor:pointer;
}

 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 
/*
.banner{
  display: inline-block;
}

.images{
  display: inline-block;
}
*/

/*Dots
.loading span{
  width: 25px;
  height: 25px;
  margin: 0 5px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  animation-name: dots;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
}

.loading span:nth-child(2){
  background-color: lightgray;
  animation-delay: 0.4s;
}

.loading span:nth-child(3){
  background-color: gray;
  animation-delay: 0.8s;
}

@keyframes dots{
  50%{
    opacity: 0;
    transform: scale(0.7) translateY(10px);
  }
}
*/

section{
  cursor: pointer;
}

img{
  max-width: 100%;
  height: auto;
  color: white;
}

h1{
  font-size: 30px;
}

.title{
  margin-top: -18px;
  font-size: 18px;
}

.inline-block{
  padding-top: 5px;
}

.phone{
  height: 50px;
  width: 50px;
}

.email{
  height: 50px;
  width: 50px;
}

.linkedin{
  height: 50px;
  width: 50px;
}

.web{
  height: 50px;
  width: 50px;
}

a{
  color: black;
  text-decoration: none;
}

a:hover{
  filter: contrast(50%);
  -webkit-filter: contrast(50%);
}

.link{
color: white;
}

.inline-block{
   display: inline-block;
   margin-top: -1px;
}

.icon:hover{
  filter: contrast(50%);
  -webkit-filter: contrast(50%);
}

/*landing page*/

.preload{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #151922;
  display: flex;
  justify-content: left;
  align-items: left;
  transition: opacity 0.5s ease;
  margin-top: 50px;
}

.airplane{
  height: 200px;
  animation: airplane 1s ease-in-out infinite alternate;
}

.preload h3{
  position: absolute;
  top: 60%;
  transform: translateY(-75%);
  color: white;
  font-size: 30px;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  padding-top: -100px;
}

.preload-finish{
  opacity: 0;
  pointer-events: none;
}

@keyframes airplane{
  from{
    transform: translateY(0px);
  }
  to{
    transform: translateY(50px);
  }
}

* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

/*     put your css */
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

  /*     put your css */
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

  /*     put your css */
}

 
/* small mobile :320px. */
@media (max-width: 767px) {

 /*     put your css */
  
}