/*item*/	
 
.item {
  text-align: center;
  
}


.item a{ text-decoration: none;
color: black;}

.item a:hover{	color: black;
    text-decoration: underline;}



.container-3 a{ text-decoration: none;
color: black;}

.container-3 a:hover{	color: black;
    text-decoration: underline;}


.item img{
	 margin:0%;
	 padding: 0%;	
  width: 100%;
  height: auto; 	
  text-align: center;
}  
   

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-text{
  background-size: cover;	  
  justify-content: stretch;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-text {
	font-family:Verdana, Geneva, sans-serif;  
	background-size: cover;
	 margin:0%;
	 padding: 0%;
}
}



.container-text img {
  width: 100%;
  height: auto; 
}
 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-1{
  display: block;
  grid-gap: 2rem;
  justify-content: stretch;}	

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-1 {
  width: 100%;
  height:auto;
}
.container-1 > div {
 	 margin:0%;
	 padding: 0%;
}
.container-1  img {
  margin: 0% 0%;
  width: 60%;
  height: auto; 
}
.container-1 h1 {
	text-align: centre;
	
}

   /*PORTFOLIO*/	
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-2{
  display: block;
  grid-gap: 2rem;
  justify-content: stretch;
  text-align: center;
  }
} 



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-2{
  display: grid;
  grid-template-columns: auto auto;
  margin: 2% 10% 2% 10%;
  padding: 10px;
  border-radius: 10px;}
}


.container-2 a:link{
    text-decoration: none;
}
.container-2 a:hover{
    text-decoration:underline;
    color: #fff;
}



   /*PORTFOLIO*/	
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-3{
   display: block;
  grid-gap: 2rem;
  justify-content: stretch;
  }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-3{
   display: block;
  grid-gap: 2rem;
  justify-content: stretch;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-3 {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: auto;
  grid-template-areas: 
  
}
}




}

.container-3 > div {
  padding: 1.5rem;
  border-radius: 1rem; 
}

.container-3  img {
  width: 100%;
  height: auto; 
}


   /*PORTFOLIO*/	
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-4{
  display: block;
  grid-gap: 2rem;
  justify-content: stretch;
  text-align: center;
  }
  
} 



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-4{
  display: grid;
  grid-template-columns: auto auto auto auto ;
  margin: 2% 20% 2% 20%;
  padding: 10px;
  border-radius: 10px;}
}


.container-4 a:link{
    text-decoration: none;
}
.container-4 a:hover{
    text-decoration:underline;
    color: #fff;
}








/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-5{
  display: block;
  grid-gap: 2rem;
  justify-content: stretch;

  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-5 {
background-color: #FFD5DE;

}
}

.container-5 > div {
  padding: 1.5rem;
  border-radius: 1rem; 
}
.container-5  img {
  width: 250px;
  height:auto;
  margin: 1%;
}