@charset "utf-8";
/* CSS Document */
*{scroll-behavior: smooth;}

body {
  background-color: #f1f1f1;
  
  font-family: Arial;}

.right{margin-left: 45%}


@media screen and (max-width: 1000px){.right{margin-left: 0%}#footer1{padding-left: 0%}} 

@media screen and (max-width: 1200px){.right{margin-left: 15%}#footer1{padding-left: 10%}}

@media screen and (min-width: 500px){#footer1{padding-left: 0px}}


select{height: 30px;width: 180px}






	.bg{background-image: url(image/bg1.jfif);background-size: cover;height: 100vh;width: 100%;background-repeat: no-repeat }

	#logo{height: 80px;width: 120px}

	#nav{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}

	
	h1{font-size: 85px}

	h2{font-size: 75px}

	h5{font-size: 40px}

	#text{margin-top: 15%}

	#menu a:hover{color: rgba(0,0,0,0.54);transition: 0.7s;}

	.page2{margin-top: -40px ;margin-left: 47%}

	#wel font{font-size: 60px}

	 



.portfolio{box-sizing: border-box}



.photo{transform: 0.2s}

.photo:hover{transform: scale(1.5)}

.main {max-width: 1000px
  ;
  margin: auto;}

h1 {
  font-size: 50px;
  word-break: break-all;}

.row {
  margin: 8px -16px;}


.row,
.row > .column {  padding: 8px;}


.column {
  float: left;
  width: 33.33%;
  display: none; }


.row:after {
  content: "";
  display: table;
  clear: both;}


.content {
  background-color: white;
  padding: 10px;}


.show {
  display: block;}


.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;}



.btn:hover {
  background-color: #ddd;}


.btn.active {
  background-color: #666;
   color: white;
}
.content img{width:100px }

.content img:hover{transform: scale(1.1)}

#work{position: relative;top: 30px;font: 500;font-size: 22px}



#team{font: 500;font-size: 22px;}

.teambg{background-image: url(image/teambg.png); background-size: cover;width: 100%;background-repeat: no-repeat}



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

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


.content {
  display: inline-block;
  margin: 20px;
  ;
  overflow: hidden;            
}
.content img {
  display: block;
  transition: transform .4s; 
	
}
.content:hover img {
  transform: scale(1.3);
  transform-origin: 50% 50%;
}


.footer{
margin-top: 30px;}

#footer1 a{text-decoration: none;
color: black;}

#footer1 a:hover{color: deepskyblue;transition: 0.5s}

 


#up{margin-right: 2%;
margin-top: -2%}

.icon a{color: white}

.icon{text-decoration: none;font-size: 30px;line-height: 12px;float: right;color: white;margin-right: 10px;margin-top: -10px;}

#face:hover{transform: scale(1.3);;color: #4267B2}

#insta:hover{transform: scale(1.3);;color: #cd486b}

#pin:hover{transform: scale(1.3);;color: #E60023}

#link:hover{transform: scale(1.3);;color: #0077b5}

#get:hover{transform: scale(1.3);;color: black}

.icon a i{transition: 0.6s}