html, body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    background-color:  #f2f2f2;
    height: 100%;
}

#navbar {
  position: sticky;
  /* position: -webkit-sticky;
  position: sticky; */
  width: 100%;
  top: 0px;
  z-index: 99;
}

#navbar #logo {
  /* transition: 0s; */
  top: 0;
  transition: 0.5s;
}

.navbar {
	margin:0 !important;
	padding: 0px !important;
}

.underline::after{
  content:'';
  display:block;
  width:0;
  height:2px;
  background:#666666;
  transition:width .3s;
}

.underline:hover::after{
  width:100%;
  transition: width .3s;
}


#footer {
  position: fixed;
   left: 0;
   bottom: 0;
   /* width: 100%; */
	}

.parent{
  width: 100%;
  height: 100%;
  position:absolute;
  z-index:0;
  bottom:0;
}

.img1 {
  position: relative;
	top: 0;
	left: 0;
  z-index: 1;
}

.img2 {
  position:absolute;
  width:100vw;
  z-index: 2;
}

.img3 {
  position:absolute;
  top: 0;
	left: 0;
  z-index: 3;
}

.img4 {
  position:absolute;
  top: 0;
	left: -250px;
  bottom:0;
  z-index: 4;
}

.img5 {
  position:absolute;
  top: 0;
	left: 0;
  bottom:0;
  z-index: 5;
}

.imgind{
  min-height: 100vh;
  min-width: 100vw;
  height:100vh;
  object-fit: cover;
}

.column {
  float:left;
  width: 200px;
  padding: 10px;
}

.row{
  margin-left: auto;
  margin-right: auto;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.move{
  transform: scale(1.1);
}

.move2{
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  /* .sticky-top {
    position: relative !important;
  } */
  #logo{
    height:40px !important;
  }
  #footer {
  		/* position:absolute; */
  		bottom:0;
  		width:100%;
  		/* background:#6cf; */
      margin:0;
  }
  .container-medium {
      width: 100%;
      margin-bottom: 0px;
      margin-left:20px auto;
      margin-right:20px auto;
  }
  .marim{
    margin:auto;
  }
}

@media (min-width: 768px) {
    .container-medium {
        width: 700px;
        margin:15px auto;
    }
}

@media (min-width: 920px) {
    .container-medium {
        width: 850px;
        margin:15px auto;
    }
}

@media screen and (min-width: 768px) and (max-height: 500px) {
  .container-medium {
      margin-bottom: 220px;
  }
}

.conbox{
  width:500px;
}

.marim{
  margin:0;
}