/*
.firstname {
 display:inline-block;
  transform: rotate(90deg);

        font-size:2em;

  border-bottom: 20px solid red ;
    

}
*/

/*
.lastname {
font-family: 'Abril Fatface', cursive;
    font-size:4em;
}
*/

body {
    font-family: 'Open Sans', sans-serif;

}

a:hover {
    color: #1e2022;
    text-decoration: underline;
  }

.dd {
    background-color: #b5b5b5d4;
    transition: background-color 0.5s ease-in-out;
  }
  
  .dd:hover {
    background-color: #ffffff;;
  }

  a {
    color: #00060d;
  }

  .col-md-4.spacer.onee a {
    text-decoration: none;
  }
  

.header1 {

/*
    background-image: url(images_new/main.jpg);
    background-size: cover;
*/
    width: 100%;
/*    padding-bottom: 20%;*/
position: relative;
	z-index: 2;
    padding-right: 0px;

padding-left: 0px;
}



.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 2.0rem !important;
}

.navbar-brand img{
   width:120px; 
    
}
.nav-item {
    padding-left: 5px;
  }

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 3rem;
    font-size: .8em;
}

.navbar{
 padding:0px;   
    
}

.navbar-brand {

    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 3rem;
}


.bg-dark {
    background-color: #090909 !important;
}

.frontvideo {
     position: relative;
      z-index:0;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
/*position: relative;*/
/*top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;*/
width: 100%;
height: auto;
/*z-index: -100;*//*88888888888888888*/
/*-webkit-transform: translateX(-50%) translateY(-50%);*/
/*transform: translateX(-50%) translateY(-50%);*/
background: url(images_new/new_main.jpg);
background-size: cover;
background-position: 50% top;
background-repeat: no-repeat;
background-attachment: scroll;
margin-bottom: -6px;


}
.vert{
display:inline-block;
  transform: rotate(90deg);
}
.d1{
    position: relative;
  z-index: 2;
}
    
.card{
    /* height: 20vh; */
}
/* .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .5rem;
    background-color: #f4801396;
  } */

.heading {
position: absolute;

z-index: 3;

bottom: 40%;
    right: 29%;
    /* display: grid;
    grid-template-columns: 60px 300px 300px; */
/*
    margin-left: auto;
    margin-right: auto;
*/
    margin-top: -80%;
    width: 50%;
    color: #1A0101;
}


.firstname {
    /* grid-column: 4 /1;
    transform: rotate(90deg);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; */
    font-size: 3.5em;
    /* border-left: 1px solid #0e0101; */
    padding-left: 30px;
    margin-bottom: -100px;
    margin-top: 20px;
    margin-left: 30px;
    text-align: right;
    margin-left: 41%;
  }

  .h5, h5 {
    font-size: 1.25rem;
    border-left: 4px solid #ca0e0e;
    padding-left: 5px;
  }
/* .firstname {

    grid-column: 1 / span 1;

    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-size: 3.5em;
    border-left: 1px solid #0e0101;

    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: 30px;
} */

/*
.firstname p{
        padding: 0px;

}
*/

.lastname h1 {

    /* grid-column: 2 / span 2; */
    font-family: 'Abril Fatface', cursive;
    font-size: 9em;
    /* 9em   vw*/
    padding-left: 0px;

}
.card-title {
    margin-bottom: .75rem;
    font-family: 'Abril Fatface', cursive;
    /* display: inline-block; */
  }
  .card-text{
    /* display: inline-block; */
    margin-bottom:0px;
  }
.description {
	/* -ms-grid-column: 2;
    -ms-grid-column-span: 3; */
    /* grid-column: 2 / span 3; */
    margin-top: -43px;
    margin-left: 64%;
    width: 450px;
/*   width: 50vw;*/

    /*
 margin-top:-20px; 
margin-right:50px;
*/
}

.description h2 {
    font-size: 2em;
    margin-left: -45%;
}


/*

.outer-grid {
position: relative;
  z-index: 2;
}
*/

.spacer{
    margin-top:20px;
}

.outer-grid h2 {
    font-size: 3.5em;
    font-family: 'Abril Fatface', cursive;
    margin-top: 10px;

margin-bottom: 10px;
}

.outer-grid{
    padding-bottom:40px;
    
}



/* .firstname { animation: 0.7s monkey cubic-bezier(.86,0,.07,1) 0.4s both; }
.lastname { animation: 0.7s robot cubic-bezier(.86,0,.07,1) 0.4s both; } */

/* @keyframes monkey { 
  0% { transform: translate(-140vw); }
  100% { transform: 0; }
}

@keyframes robot {
  0% { transform: translate(140vw); }
  100% { transform: 0; }
}

.titl { animation: 0.7s monkey cubic-bezier(.86,0,.07,1) 0.4s both; }


@keyframes monkey { 
  0% { transform: translate(-50vw); }
  100% { transform: 0; }
}


.des { animation: 0.7s monkey cubic-bezier(.86,0,.07,1) 0.4s both; }
.abt { animation: 0.7s monkey cubic-bezier(.86,0,.07,1) 0.4s both; }

@keyframes monkey { 
  0% { transform: translate(-50vw); }
  100% { transform: 0; }
} */


/*
.circle2 {
   @extend .circle;
  background: lightskyblue;
  transition: all 1.5s ease-in;
}

.circle3 {
  @extend .circle;
  background: khaki;
  transition: all 1.5s ease-out;
}

.circle4 {
  @extend .circle;
  background: mediumturquoise;
  transition: all 1.5s ease-in-out;
}

.circle5 {
  @extend .circle;
  background: thistle;
  transition: all 1.5s cubic-bezier(0,1,.98,0); 
}
*/

/*--------------------------one-------------------------------*/

.one {
    width: 170px;
	background-color:whitesmoke;
background-color: #fbf9f6de;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
/*    padding-right: 60px;*/
    padding-top: 5px;
}

.oneint {
    width: auto;
    display: -ms-grid;
    display: grid;
    /*    grid-template-areas: 'h22 p1 p2';*/
        grid-template-areas: 'im p1' 'im h22' 'im h22';

    padding-bottom: 2px;
    margin-bottom: 5px;
}


.oneint h2 {
    /*    float: left;*/
    grid-area: h22;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*    transform: rotate(90deg);*/
    /*    padding-top: 5px;*/
   font-size: 0.9em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -60px;
}

.oneint p {
grid-area: p1;

font-size: 2.5em;

font-family: 'Abril Fatface', cursive;

padding-top: 0px;

margin-top: 10px;

margin-right: 0px;

padding-bottom: 0px;

line-height: 0;

-webkit-writing-mode: vertical-lr;

    -ms-writing-mode: tb-lr;

        writing-mode: vertical-lr;

margin-left: 10px;
}

.oneint img {
    grid-area: im;

    width: 120px;

    height: 146px;

    margin-top: 20px;
	padding-right: 10px;

}

.artworkbg{
   /* background-image: url(images_new/artworkbg.jpg); */
    height:100%;
    background-size:cover;
    background-position:top;
background-color:black;
padding-bottom: 20px;
}



/*--------------------------two-------------------------------*/

.two {
   width: auto;
	background-color:whitesmoke;
background-color: #fbf9f6de;
    padding-top: 5px;
}

.twoint {
    width: auto;
     display: -ms-grid;
    display: grid;

    /*    border-bottom: 1px solid #0e0101;*/
    padding-bottom: 2px;
    margin-bottom: 5px;
    grid-template-areas: 'p1 h22' 'im im' 'im im';
}


.twoint h2 {
    /*   float: left;*/
    grid-area: h22;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*  writing-mode: vertical-lr;*/
    /*    transform: rotate(90deg);*/
    padding-top: 10px;
font-size: 1.1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: -40px;
    margin-right: 0px;
    font-size: 0.9em;
}

.twoint p {
    /*    float: right;*/
    grid-area: p1;
    font-size: 2.1em;
    font-family: 'Abril Fatface', cursive;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: -10px;
    margin-left: 0px;
    margin-right: 30px;
}

.two img {
    grid-area: im;
    height: 115px;
/*    width: 170px;*/

}

/*------------------------------three------------------------------------*/

.three {
     width: auto;
background-color:whitesmoke;
background-color: #fbf9f6de;
/*    padding-top: 5px;*/
	    padding-left: 0px;
    padding-right: 0px;
}

.threeint {
    width: auto;
	 display: -ms-grid;
    display: grid;
    grid-template-areas: 'p1 im' 'h2 im' 'h2 im';

/*    margin-bottom: 20px;*/

    /*    border-bottom: 1px solid #0e0101;*/
}


/*.h22 {


    grid-area: h22;

    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #0e0101;
    height: 61px;
}
*/

.threeint h2 {
font-size: 0.9em;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-right: -30px;
}

.threeint a{
	   grid-area: im;
background-color:whitesmoke;
background-color: #fbf9f6de;

display: block;
}

.threeint p {
    /*   float:left;*/
    grid-area: p1;
       font-size: 2.1em;
    font-family: 'Abril Fatface', cursive;
    /*padding-top:40px;*/
    padding-bottom: 0px;
    margin-bottom: -10px;
    margin-left: 0px;
    margin-right: 0px;
writing-mode: vertical-lr;
}

.imgthree{
/*.three img {*/
    grid-area: im;
/*    width: 110px;*/
    margin-top: 20px;
    height: 126px;
    /*    margin-right: 10px;*/
	padding-right: 5px;
}

/*----------four-------------------------*/

.four {
    width: auto;
	background-color:whitesmoke;
background-color: #fbf9f6de;
/*    padding: 10px;*/
}

.fourint {
    width: auto;
	display: -ms-grid;
    display: grid;
    grid-template-areas: 'im im' 'im im' 'h2 p1';
}


/*.fourh22 {
    grid-area: h22;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #0e0101;
    height: 61px;
}*/

.fourint h2 {
    font-size: 0.9em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.fourint a{
	 grid-area: im;
}

.fourint p {
    /*   float:left;*/
    grid-area: p1;
       font-size: 2.1em;
    font-family: 'Abril Fatface', cursive;
    margin-top: -10px;
    padding-bottom: 0px;
    margin-bottom: -20px;
    margin-left: 0px;
    margin-right: 0px;
margin-top: -10px;
}

.fourint img {
    grid-area: im;
    height: 105px;
    width: 171px;
    margin-right: 10px;
    padding-bottom: 5px;
    margin-top: 20px;

}

.description1{
       margin-top: 50px;
    font-family: 'Abril Fatface', cursive;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    line-height: 1.4;
} 
    


.five {
    width: 170px;
	background-color:whitesmoke;
background-color: #fbf9f6de;
    grid-template-columns: 1fr 1fr;
    padding-top: 5px;
}

.fiveint {
    width: auto;
    display: -ms-grid;
    display: grid;
    /*    grid-template-areas: 'h22 p1 p2';*/
        grid-template-areas: 
        'p1 im'
        'h22 im'
        'h22 im';

    padding-bottom: 2px;
    margin-bottom: 5px;
}


.fiveint h2 {
    /*    float: left;*/
    grid-area: h22;
   -webkit-writing-mode: vertical-lr;  -ms-writing-mode: tb-lr;  writing-mode: vertical-lr;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*    transform: rotate(90deg);*/
    /*    padding-top: 5px;*/
   font-size: 0.9em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
/*    margin-right: -10px;*/
    margin-top: -60px;
}

.fiveint p {
    grid-area: p1;

     font-size: 2.1em;

    font-family: 'Abril Fatface', cursive;

    padding-top: 0px;

/*    margin-top: 30px;*/


    margin-right: 0px;

    padding-bottom: 0px;

    line-height: 0;
    writing-mode: vertical-lr;
padding-right: 10px;
}

.fiveint img {
    grid-area: im;

    width: 100px;

    height: 146px;

    margin-top: 20px;

}

.null{
    width:auto;
	background-color:transparent;
   background-color: #f4801300; 
}


/*--------------------------five-------------------------------*/


.design{
    background-image: url(images_new/designbg1.jpg);
    height:100%;
    background-size: cover;
    background-position: 0px, 300px;
    padding-bottom: 6%;
    width: 100%;
padding-bottom: 10%;
position: relative;
z-index: 2;
}

.design h3 {
    font-size: 4.5em;
    font-family: 'Abril Fatface', cursive;
margin-top: 70px;
margin-bottom: 70px;
color: black;
}

.digital{
	display: -ms-grid;
  display:grid;
    -ms-grid-rows: 1fr ;
    grid-template-rows: 1fr ;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
    
    
}.digital > *:nth-child(1){
	-ms-grid-row: 1;
	-ms-grid-column: 1;
    
    
}.digital > *:nth-child(2){
	-ms-grid-row: 1;
	-ms-grid-column: 2;
    
    
}.digital > *:nth-child(3){
	-ms-grid-row: 1;
	-ms-grid-column: 3;
    
    
}
/*////////////////////////Deisgn Digital/////////////////////////////////////*/
.dig{

      -ms-grid-row: 1;

      grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
    z-index:3;
}

.dig h4{
       font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size: 3em; 
    margin-top:-40px;
      color:black;
text-align: left;
      margin-left: 20px;
}


.digim{
       -ms-grid-row: 1;
       grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;   
     z-index:2;
    margin-top: 30px;
margin-left: 20px;
}

.digim img{
    
      -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);
}


.box{
   width:250px; 
         -ms-grid-row: 1; 
         grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
     z-index:1;

    margin-bottom: 20px;
    height: 350px;
background-color: #faf8fd;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
}
    

/*////////////////////////Design Print/////////////////////////////////////*/
.dig1{

      grid-row: 1;
  grid-column: 1 / 3;
    z-index:3;
}

.dig1 h4{
       font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size: 3em; 
    margin-top:-40px;
    color:black;
    text-align: left;
        z-index:3;
    margin-left: 40px;
}

.digim1{
       -ms-grid-row: 1;
       grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;   
     z-index:2;
    margin-top: 35px;
margin-left: 40px;
   width: 250px;
    
}

.digim1 img{
    
      -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);
}
.box1{
  
         -ms-grid-row: 1;
  
         grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
     z-index:1;
   margin-bottom: 20px;
height: 350px;
margin-left: 60px;
    margin-right: 30px;
    background-color: #faf8fd;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
}
.dig2{

      -ms-grid-row: 1;

      grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
    z-index:3;
}

.digim2 {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    z-index: 2;
    margin-top: 20px;
    margin-left: 20px;
    padding: 20px;
}
.digim2 img{
    
      -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);
}

.box2{
  
         -ms-grid-row: 1;
  
         grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
     z-index:1;
   margin-bottom: 20px;
height: 300px;
    margin-right: 30px;
    background-color: #faf8fd;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.17);

}

.dig2 h4{
       font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size: 3em; 
    margin-top:-40px;
       color:black;
    text-align: left;
        z-index:3;
margin-left: 35px;
}

.about{
  background-image: url(images_new/aboutbg.jpg);
    background-size: cover;
    width: 100%;
    padding-bottom: 5%;
   padding-top: 5%;
   background-position: top;
}


.about h5 {
    font-size: 3.0em;
    font-family: 'Abril Fatface', cursive;
margin-top: 70px;
margin-bottom: 20px;
color: black;
}

.about a{
   padding-top:20px; 
    
}

/*|////////////pages//////////////////////*/

.title{
display: -ms-grid;
	display:grid;
    grid-template-rows: 1fr ;
  grid-template-columns: 1fr 1fr 1fr;
    padding-top: 5%;
}

.title h1 {
grid-row: 1;
  grid-column: 1 / 2;
    z-index:3;
    font-family: 'Abril Fatface', cursive;
    font-size: 7em;
    /* 9em   vw*/
   
   padding-top: 15%;
}

.titl {
    font-size: 4.5em;
    font-family: 'Abril Fatface', cursive;
    padding-top: 30px;
    margin-bottom: 40px;
    color: #f9ecec;
    border-bottom: 1px solid #e1e0e0;
  }

.title h2 {
-ms-grid-row: 1;
grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
    z-index:3;
    font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
text-align: left;
margin-top: 37%;
margin-left: 54%;
font-weight: bolder;
}

.title p{
 -ms-grid-row: 1;
 grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
    z-index:3; 
    margin-top: 50%;

text-align: left;

color: orange;

font-size: 1.5em;
    font-style: italic;
font-weight:300;
font-family: "open-sans",sans-serif;
    
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #fff; */
    background-clip: border-box;
    border: 0px solid rgb(244, 128, 19);
    border-radius: .25rem;
    margin-bottom: 10px;
    background-color: #b5b5b5d4;
color: #201002;
  }

.normaltext{
    
   font-style:normal;  
}

.topimg{
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4; 
    z-index:2;
  width: 110%;
margin-left: -60px;
}

.block{
    -ms-grid-row: 1;
    grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4; 
    background-color: darkorange;
   width: 100px;
z-index: 1;
  height: 30vw;
/*height: 600px;*/
margin-left: 70%;
margin-top: 30%;
margin-bottom: -60%;/*-150px*/
}


.vimeo {
    margin: 0 auto;
    display: block;
    padding-left:100px;
    padding-right:100px;
    z-index:4;
    margin-top:30px;
}

.toptext{
	display: -ms-grid;
     display:grid;
    grid-template-rows: 1fr ;
  grid-template-columns: 1fr 1fr 1fr;
    padding-top:30px;
     
}

.block1 {
    grid-row: 1;
    grid-column: 1 / 2;
    background-color: darkorange;
 
    width: 120px;
    z-index: 1;
    height: 30vw;
   
 
    margin-top: -10%;
    margin-bottom: -60%;
    
}
.toptext img{
     grid-row: 1;
  grid-column: 1 / 2;  
     z-index: 2;
    margin-left: 30px;
    width: 400px;
}
.initial{
   font-family: 'Abril Fatface', cursive;
    font-size: 2em;
    color:orange;
    line-height: 20px;
margin-right: 2px;
}

.para1{
       grid-row: 1;
  grid-column: 2 / 4;     
      z-index: 4;
    background-color: aliceblue;
   margin-top: 30px;
padding: 20px;
    margin-right: 25px;
-webkit-box-shadow: -9px 10px 5px -2px rgba(0,0,0,0.11);
-moz-box-shadow: -9px 10px 5px -2px rgba(0,0,0,0.11);
box-shadow: -9px 10px 5px -2px rgba(0,0,0,0.11);
}
.para1 p {
    line-height: 1.5em;
}

/*////////////////////last page section////////////////////*/

.secondtext{
	display: -ms-grid;
     display:grid;
    grid-template-rows: 1fr ;
  grid-template-columns: 1fr 1fr 1fr;
    padding-top:70px;
 
}

.smalltext{
  grid-row: 1;
grid-column: 1 / 3;
z-index: 4;
background-color: aliceblue;
margin-top: 70px;
padding: 20px;
width: 60%;
-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);
    
}

.leftside{
   background-color: #f2eeeebf; 
    
}

.secondtext p{
   line-height: 1.5em; 

}
.secondtext img{
   grid-row: 1;
  grid-column: 2 / 4;  
     z-index: 2;
    margin-left: 30px;
width: 600px;
padding-right: 60px;
}

.block3{
    grid-row: 1;
  grid-column: 3 / 4; 
    background-color: darkorange;
   width: 100px;
z-index: 1;
/*  height: 50vw;*/
/*height: 600px;*/
margin-left: 70%;
margin-top: -20%;
margin-bottom: -60%;
}

.extra{
    z-index: 1;

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

    -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
     column-gap: 40px;
    column-width: 100%;
    background-color: aliceblue;
    padding: 20px;
    margin-top: 40px;
}

/*|////////////pages//////////*/


   footer {

    background-image: url(images_new/footerbg.jpg);
    background-size: cover;
    width: 100%;
    

}
footer li{
   
    display:inline;
    padding-right: 10%;
}

footer ul{
padding-top: 55px;
padding-bottom: 50px;
}
footer ul li img{
 width:60px;   
}