@charset "utf-8";
/* CSS Document */


body	{

  font-family: Noto Serif;
  font-size: 15px;
	}



body{
  margin: 0;
}

nav{
  display: flex;
  width: 100%;
  height: 20%;
  font-size: 20px;
  text-align: center;
  background: #a5e09f;
  align-items: center;
  justify-content: center;
}


.title{  width: 20%;
	height: auto;
	padding: 1%;
    text-align: center;
	display:inline-block;
	font-size: 50px;
	text-align: center;
  
}
a{
  text-decoration: none;
  color: rgba(0,0,0,0.8);
  margin: 0 4%;
}


   /*PORTFOLIO*/	
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 700px) {
  .container-1{  
  margin: 0% 30%;
  padding: 0px;
  border-radius: 0px;
  width: 30%;
  height: auto;
  }
 .item{
  font-size: 30px;
  text-align: center;
}
.container-1 > div {
  padding: 0px;
  border-radius: 0px; 
}
.container-1  img {
  width: 100%;
  height: auto; 
} 
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container-1 {
  margin: 0% 40%;
  padding: 0px;
  border-radius: 0px;
  width: 20%;
  height: auto;
}
}

.item{
  font-size: 30px;
  text-align: center;
}
.container-1 > div {
  padding: 0px;
  border-radius: 0px; 
}
.container-1  img {
  width: 100%;
  height: auto; 
}


p	{
	font-size: 20px;
	
	
   /* Add media query*/
	}
	
h1  {
	  display: flex;
	width: 60%;
	height: 20%;
	font-size: 40px;
	display:inline-block;
    font-weight: bold;
    margin: 2% 20%;	
	
    }	
	
h2  {
	font-size: 30px;
	font-weight: normal;
    text-align: center;
    }	

/*end of navigation */


/*menu*/

.div1{
	float:left;
    width:30%;
    margin-left: 15%;
    margin-right: 5%;	
}

img{
    width:100%;
	border: 5px solid #a5e09f;	
}

.div2{
	float:right;
    width:30%; 
    margin-left: 5%;	
    margin-right: 15%;
}

.div3{
	float: left ;
	margin-left: 10%;
    margin-right: 10%;
}
/*end of menu*/