/* LOGO */

.grid2 {
  display: grid;
  grid-template-columns: 46.5% 1fr;
  bottom: 0px;
}


header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    overflow: visible;
    z-index: 1;
    padding: 19px 10px 20px;
  
}

header.solid {
    background: #fff;
  
}

header {
    display: block;
}

header .logo {
    display: block;
    text-transform: uppercase;
   
    transform: scale3d(0);}


header .logo img {
  width:  auto;
   height: 1.3vh;


}



.centre {
  position: absolute; 
  right: -2vw;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);}


/* EFFETS TRANSITION HOME ABOUT */





#info {
    display: none;
    width: 100%;
    padding: 0 0 50px;
}



  #projects {
    width: 100%;
    height: 100vh;
    padding: 0;
}

#projects.collapsed .slideshow {
    background: #fff !important;
}



.slideshow {
    width: 100%;
    height: 100%;
    transition: background-color 0.5s ease;

}

.slideshow .inner {
    width: 100%;
    position: absolute;
}

.slideshow .cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/css/img/t.png);
    cursor: pointer;
}

.slideshow .slide {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;

}

.slideshow .slide.activeslide {
    display: block;
}

.slideshow .slide .hiddencap {
    display: none;
}

.slideshow .slide.activeslide {
    display: block;
}

.slideshow .slide img {
    width: 80%;
    height: auto;
    margin: 0 auto;
}


 .collapsed .right{
    display: none;

}

/* ABOUT */



.grid {
  display: grid;
  grid-template-columns: 46.5% 1fr;
  gap: 4vh 0px;
  bottom: 0px;}


.texteabout {
font-size: 2.2vh;
text-align:  left;
font-family: 'Courier New';
color: #1D1D1B;
width: 40vw;
line-height: 1.50}

.about {
font-size: 2.2vh;
margin-left: 5%;
font-family: 'Courier New';}

a{
font-family: 'Courier New';
color: #1D1D1B;}


.right {
position: absolute;
bottom:   -2vw;
right:  0vw;
font-size: 4vw;
overflow: visible;
font-family: 'Courier New';}



/* Responsive */

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


.grid {
  display: grid;
  grid-template-columns: 41% 1fr;
  gap: 2vh 0px;
  }


.grid2 {
  display: grid;
  grid-template-columns: 41% 1fr;
}



.about {
font-size: 2.2vh;
margin-left: 10%;
font-family: 'Courier New';}


.texteabout {
font-size: 2vh;
text-align:  left;
font-family: 'Courier New';
color: #1D1D1B;
width: 50vw;
line-height: 1.50}

 .collapsed .right{
    
        display: none;
    }

.slideshow .slide img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}



.right {
position: absolute;
bottom:   -4vw;
right:  -9vw;
font-size: 6vw;
overflow: visible;
font-family: 'Courier New';}

 }


a{
text-decoration: none;


}





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

.texteabout {
font-size: 1.9vh;
text-align:  left;
font-family: 'Courier New';
color: #1D1D1B;
width: 45vw;
line-height: 1.50}


}