@media (max-width:990px){
  *{
    scroll-behavior: smooth;
    scroll-margin: 280px;
  }
  
}

.line2
{
  width: 50%;
  /* margin: 0 auto; */
  border-style: dashed;
}
.nav-item
{
    padding-left: 20px;
}
.nav-link
{
  color: rgb(0, 0, 0);
  font-size: 18px;
}
.navbar-brand
{
    width: 100px;
}
.navbar-brand img
{
  max-width: 100%;
}

/* home */

#home{
    height: 100vh;
    background:  url('newbg.jpg') center center no-repeat;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .caption{
    padding: 15px;
   max-width: 100%;
   margin: 0 auto;
  }
  .caption h1{
    color: white;
    font-weight: 600;
    font-size: 6vw;   
  }
  .caption p 
  {
    color: white;
    text-align:left;
    font-size: 16px;
  }
  .caption button {
    border:none;
    background-color: white;
    width: 100%;
    padding: 3%;
    margin: 1%;
    border-radius: 2px;
  }
  .btnholder
  {
    width: 50%;
  }

  .abtcontent p{
     font-size: 17.5px;
     padding-left:15px ;
  }



  /* about */
/* cards and services */
.sertitle
{
text-shadow: 0px 1px 3px white;
}


.cards {
  width: 300px;
  height: 300px;
  perspective: 1000px;
  /* border: 5px solid red; */
  padding: 1%;
  align-self: center;
}

.card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.999s;
}

.cards:hover .card-inner {
  transform: rotateY(180deg);
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.card-footer
{
  cursor:pointer ;
}
.card-front {
  background-color: #000000;
  color: #ffffff;
  display: flex;
  align-items: center;
  flex-direction:column;
  /* border: 10px solid #ffffff; */
  border-radius: 1px;
  justify-content: center;
  font-size: 24px;
  transform: rotateY(0deg);
  /* box-shadow: 1px 2px 10px red; */
}

.card-back {
  background-color: #000000;
  color: #ffffff;
  overflow-y: scroll;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  font-size: 20px;
  transform: rotateY(180deg);
}
.card-back p{
  padding: 2%;
  text-align: center;
  
}

/* PROJECTS */ 
.imageholder span
{
  font-weight: 600;
  color: rgb(250, 139, 35);
}

.imageholder p 
{
text-transform: capitalize;
}



#devp
{
  font-size: 10px;
}




  @media (max-width:700px)
  {
    

   #home
   {
    height: 50vh;
   }

    .caption h1{
    font-size: 10vw;   
  }
  .btnholder
  {
    width: 100%;
  }
 
  }
  @media (min-width:768px)
  {
    .caption button{
    padding: 3%;
  }
  }
  /* large screens */
  @media (min-width:1200px)
  {
    *{
      scroll-behavior: smooth;
      scroll-margin: 120px;
      
    }

    .caption p{
    font-size:1.5vw ;   
  }

  .abtcontent p{
    font-size: 27.5px;
 }
  }
  @media (max-height:500px)
  {
    #home{
        height: 100vh; 
  }

  }