/* INICIO DO SITE */

/* RESPONSIVES*/

/*MENU*/
@media screen and (max-width: 768px) {
  li a {
  padding: 10px 12px;
  }
}
@media screen and (max-width: 320px) {
  li a {
  padding: 2px 4px;
 }
}


/*RESPONSIVE_TABLET*/
@media screen and (max-width: 768px) {
  .fundo {
    width: 100%;
    height: 400px;
    grid-template-columns: repeat(3,  30vh); 
  }
  .text{
    margin-left: 20%;
    font-size: 4em;
  }
  .portfolio_banner{
    font-size: 2em;
  }
  .portfolio_laura{
    font-size: 1.3em;
  }
  .contactos{
    /*margin-top: 2vh; 
    width: 100%;*/
    font-size: 1em;
  }
}
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/* RESPONSIVE_BIBLIOGRAPHY*/

@media screen and (max-width: 768px) {
  .text0{
    font-size: 3em;
  }
  .text1{
    margin-left: 5%;
  }

  .photoabout{
    width: 30%;
		height: 17%;
		/* width: 30%; */
    height: 17%;
    margin: 0 auto;
  }
  .photoabout:hover {
    width: 38%;
    height: 38%;
    transform: translate(-1%, -2vh);
  }
	
  .adj{
    top: 20%;
  }
}

/* RESPONSIVE_GALLERY*/

@media screen and (max-width: 768px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
  .phrase {
    font-size: 2rem;
    width: 55%; height: 2 em;
    margin-top: 1vh;
    margin-left: 5vh;
  }
  @-webkit-keyframes mymovee {
    0% {left: 0%;}
    50% {left: 43%;}
    100% {left: 0%;}
  }
}

/*RESPONSIVE_MOBILE*/

@media screen and (max-width: 320px) {
  .portfolio_laura{
    font-size: 1.1em;
  }
  .portfolio_banner{
    font-size: 1.7em;
  }
  .bibiography{    
    height: 5vh;
  }
  .text0{
    font-size: 2em;
    /* margin-left: 25%;*/
  }
  .photoabout{
		width: 30%;
		height: 20%;
		margin-left: 35%;
		margin-top: 1%;
  }
  .photoabout:hover {
    width: 53%;
    height: 38%;
    transform: translate(-22%, -15vh);
  }
  .photoabout:hover +.text1{
    font-size: 0.9em; 
    width: 90%;
    padding: 1em;
    margin-left: 5%;
    margin-top: -110px;
  }
  
}

/*RESPONSIVE_GALLERY*/
@media screen and (max-width: 376px) {
  .work{
    font-size: 2em;
  }
  .work > h1{
    font-size: 1.5em;
  }
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .phrase {
    font-size: 0.9rem;
    width: 55%; height: 2 em;
    margin-top: 1vh;
    margin-left: 5vh;
  }
  @-webkit-keyframes mymovee {
    0% {left: 0%;}
    50% {left: 30%;}
    100% {left: 0%;}
  }
}
/*RESPONSIVE_CONTACTOS*/
@media screen and (max-width: 320px) {
  .titulo2{
    font-size: 2em;
  }
  li a{
    font-size: 15px;
  }
}

  
/* FIM DO SITE */