@media screen and (max-width: 800px) {
  .title h1  {
    font-size: 4em;
  }
    

}

@media screen and (max-width: 850px) {
      .outer-grid {
    padding-bottom: 40px;
    margin-left: 14%;
}  
    
        .digim1 {
       width:auto; 
    }
    
 
    
}



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



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

          .digim1 {
       width:auto; 
    }
    
    .topimg {

    grid-row: 1;
    grid-column: 2 / 4;
    z-index: 2;
    width: 160%;
    margin-left: -70px;
    margin-top: 0px;

}
    
       .digital {

    margin-bottom: 10%;
}
    

.block {
margin-left: 50%;

height: 40vw;
   
}
    
    .para1 {
    grid-row: 1;
    grid-column: 1 / 4;
    z-index: 4;
    background-color:#f0f8ff9e;
    margin-top: 30px;
    padding: 20px;
    margin-right: 25px;
    margin-left: 30%;
             -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
}
    
   .smalltext{
       grid-column: 1 / 4;
z-index: 4;
background-color: #f0f8ff82;
   line-height: 1.5em; 
-webkit-box-shadow: -12px 19px 5px -2px rgba(0,0,0,0.17);
-moz-box-shadow: -12px 19px 5px -2px rgba(0,0,0,0.17);
box-shadow: -12px 19px 5px -2px rgba(0,0,0,0.17);
    
}
    
    .extra{
    z-index: 1;

        grid-row: 2;
     grid-column: 1 / 4;

    -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
     column-gap: 40px;
    column-width: 100%;
  
}
	
	.img-fluid {
    /* max-width: 70%; */
    height: auto;
}
         
     
}


@media screen and (min-width: 1100px) {
  .title h1  {
    font-size: 7.5em;
  }
    
/*
     .heading {
    right: 28%;
  }
*/
}

@media screen and (min-width: 1000px) {

    .description h2 {
        font-size: 1.5em;
        margin-left: -68%;
        margin-top:14px;
    }
    .firstname {
        /* grid-column: 1 / span 1; */
    /*    transform: rotate(90deg);*/
        /* writing-mode: vertical-rl; */
        font-size: 3.0em;
        /* border-left: 10px solid #0e0101; */
        padding-left: 0px;
        /* margin-bottom: 30px; */
        margin-top: -9px;
        margin-left: 224px;
    } 

}
@media screen and (max-width: 1000px) {
  .heading {
    /* right: 32%;
       grid-template-columns: 20px 300px 300px;  */
      
  }
/*
    .description {
     margin-left: 30px;
    }
*/
    
   .description h2 {
    font-size: 1.5em;
    margin-left: -58%; 
    margin-top:14px;
}
.firstname {
    /* grid-column: 1 / span 1; */
/*    transform: rotate(90deg);*/
    /* writing-mode: vertical-rl; */
    font-size: 3.0em;
    /* border-left: 10px solid #0e0101; */
    padding-left: 131px;
    /* margin-bottom: 30px; */
    margin-top: -9px;
} 
    
    
   
}

@media screen and (max-width: 800px) {
.lastname h1 {
    /* grid-column: 2 / span 2; */
    font-family: 'Abril Fatface', cursive;
    font-size: 7em;
    padding-left: 0px;
}
    
  .firstname {
    /* grid-column: 1 / span 1; */
/*    transform: rotate(90deg);*/
    /* writing-mode: vertical-rl; */
    font-size: 3.0em;
    /* border-left: 10px solid #0e0101; */
    padding-left: 91px;
   /* margin-bottom: -81px;  */
    margin-top: -12px;
    padding-bottom: 2%;
}  
    .heading{
       /* grid-template-columns: 20px 300px 300px;  */
        
    }
    
        .digim1 {
       width:auto; 
    }
    
    
}
    

@media screen and (max-width: 760px) {
  
    .contain{
     
        
    }
    .heading {
position: inherit;
    z-index: 3;
    bottom: 0px;
    right:0px;
    display: grid;
 grid-template-columns: 20px 200px 200px;
/*    grid-template-columns:minmax(min-content, auto)200px 300px; ;*/
   margin-left: 30px;
    margin-right: 0px;
    margin-top: 0px;
/*    width: 100%;*/
    color: #1A0101;
       padding-top: 30px;

padding-bottom: 20px;
} 
/*
    .description {
    margin-left: -15px;
}
*/
    
    .container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;

    }
    
    
    .outer-grid{
                   padding-left: 7%;
        
    }
    
    
}





@media (max-width: 767px) {
    .header1 {
  background-image: url(images_new/new_main.jpg);
    background-size: cover;
  }

.frontvideo{
    display: none;
  }
  .description h2 {
    font-size: 1.5em;
    margin-left: -11%; 
    margin-top:14px;
}
    
    
}



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

  
    
    .heading {
margin-left: 0px;
  grid-template-columns: minmax(min-content, max-content);
/*grid-template-columns: auto;*/
/*grid-template-columns: 1fr;*/
width:100%;
grid-template-rows: auto auto auto;
          padding-bottom: 90px;      
    }
  
    
    
    .firstname {

    grid-column: auto;
/*    transform: rotate(90deg);*/
    /* writing-mode:horizontal-tb; */
    font-size: 3.0em;
        font-size: 3.0em;
padding-left:0px;
border-left: 0px;
        margin-top: 0px;
margin-bottom: 0px;
height: 21px;
/*        border-bottom: 1px solid #0e0101;*/
        margin-right: 93px;
    
    }
    
          .outer-grid {
    padding-bottom: 40px;
    margin-left: 4%;
   

}  
    
    
    
      .lastname h1 {

    grid-column: auto;
    font-family: 'Abril Fatface', cursive;
    font-size: 5em;
    padding-left: 0px;
        margin-bottom: 15px;
margin-right: 20%;

}

    .description {

    grid-column: auto;
    margin-top: -43px;
    margin-left: 0px;
    
    
}
    
    .description h2 {
   
    margin-left: 35%;
        font-size: 1.1em;
        padding-top: 15px;
}
   
    .two{
        
        width:auto;
    }
    
.img-fluid {
    max-width: 100%;
    height: auto;
}
    
    
}

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

          .lastname h1 {

    grid-column: auto;
    font-family: 'Abril Fatface', cursive;
    font-size: 4em;
    padding-left: 0px;
        margin-bottom: 15px;
margin-right: 0%;
              padding-right: 40%;

}
	
	.one, .two, .three, .four, .five {


    margin: auto;

}
	
	
	
    .firstname {
        margin-right:222px;
        margin-bottom: 5px;
    }
    
      .description h2 {
 margin-left: -5%;

font-size: 0.9em;

padding-top: 15px;
}
    
    .outer-grid {
    padding-bottom: 40px;
   margin-left: 0%;
		padding-left: 0%;
} 
    
    .titl {
    font-size: 2.5em !important;
    }
    .design h3 {
    font-size: 3.0em;
    }
    
    .about h5 {
    font-size: 2.5em;
    }
    
    .null {

    display: none;
}
    
    .box {

    height: 280px;
    }
    
    .description1 {
    margin-top: 0px;
    }
    
    .digim1 {
      margin-left: 10px;
    }
    
       .digim2 {
      margin-left: 0px;
    }
    
    .btn-info {
    margin-bottom: 30px;
}
    
    .heading{
        padding-bottom: 90px;
        
    }
    
    .titl h2{
    font-size: 2.5em;
    }
    
}