body{
	margin:0px;
	padding:0px;
}
.container-fluid{
	width:100%;
}
.container{
	width:100%;
}
/*head*/
.head{
	width:100%;
	height:auto;
	background-color:#027d68;
}
.head1{
	width:100%;
	height:80px;
	background-color:;
}
.head2{
	height:90px;
	background-color:;
}
.head1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.head1 li a{
	text-align:center;
	display:block;
	font-size:17px;
	color:white;
	font-family:Imprint MT Shadow;
}
.head1 li a:hover{
	color:pink;
}
.head2 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.head2 ul li{
	float:left;
	margin:5px 0px 0px 8px;
}
.head2 button{
	margin-left:20%;
	margin-top:5px;
}
.head2 img{
	border-radius:25px;
	transition:all 0.5s ease 0s;
	width:100%;
}
.head2 img:hover{
	transform:scale(0.7);
}

 .logo-nav li:hover{
	background-color:white; 
 }
 
.content{
	margin-top:20px;
}

/*gallery*/
.gall1{
	height:170px;
	background-color:;
	border-style:outset;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
}
.gall2{
	height:170px;
	background-color:;
	border-style:outset;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
}
.gall3{
	height:170px;
	background-color:;
	border-style:outset;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
}
.gall4{
	height:170px;
	background-color:;
	border-style:outset;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
}

.soft{
	margin-left:5%;
	margin-top:10px;
}
.soft img{
	margin-top:30px;
	box-shadow:0px 3px 3px gray;
	border-radius:5px;
	
}
.gall1 h4{
	font-size:15px;
	text-align:center;
	margin-top:10px;
	color:teal;
}
.gall2 h4{
	font-size:15px;
	text-align:center;
	margin-top:10px;
	color:teal;
}
.gall3 h4{
	font-size:15px;
	text-align:center;
	margin-top:10px;
	color:teal;
}
.gall4 h4{
	font-size:15px;
	text-align:center;
	margin-top:10px;
	color:teal;
}
.footer{
	width:100%;
	height:40px;
	background-color:#027d68;
	margin-top:16px;
}
.footer h4{
	font-size:13px;
	text-align:center;
	color:white;
}
.woow{
	margin-top:-20px;
}
















@media(min-width:768px){
	.container-fluid{
	width:100%;
	}
	.container{
		width:760px;
		margin:0px auto;
	}
	/*head*/
	.head1{
	width:40%;
	}
	.head2{
		width:40%;
	}
	 .logo{
	  margin-left:50%;
    }
	
   /*gall*/
   .soft{
	   height:170px;
   }
  .gall3 h4{
	  font-size:13.5px;
  }
  
}

@media(min-width:992px){
	.container-fluid{
	width:100%;
	}
	.container{
		width:980px;
		margin:0px auto;
	}
	.head{
		height:50px;
	}
	.head1{
	height:50px;
	}
	.head2{
		height:50px;
	}
	.head1 ul li{
		margin-top:2%;
	  float:left;
    }
	.head2 ul li{
		margin-top:2%;
	  float:left;
    }
	.head2 button{
	margin:0px;
  }
   /*navbar*/
  .logo-nav li{
	  padding-top:3%;
  } 
  .logo{
	  margin:0px;
	  margin-right:15%;
    }
	 /*gall*/
   .soft{
	   height:230px;
   }
	.gall1 h4{
	  font-size:18px;
  }
  .gall2 h4{
	  font-size:18px;
  }
  .gall3 h4{
	  font-size:18px;
  }
  .gall4 h4{
	  font-size:18px;
  }
}





@media(min-width:1280px){
	.logoun1 img{
	width:230px;
	height:80px;
	margin-top:10px;
 }
 .logoun1{
	   height:150px;
   }
  .head1 li a{
	  padding:0px 2px 0px 5px; 
  }
   .logo-nav li{
	  margin-left:10px;
  }
  .logo{
	  margin-right:40%;
	  margin-left:5%;
  }
	/*gall*/
	.soft{
		height:250px;
		margin-left:7%;
	}
	.gall4{
	   margin-left:5%;
   }
   .gall1 h4{
	   font-size:20px;
   }
    .gall2 h4{
	   font-size:20px;
   }
    .gall3 h4{
	   font-size:20px;
   }
    .gall4 h4{
	   font-size:20px;
   }
   .footer h4{
	font-size:15px;
	text-align:center;
	color:white;
}
}