a {
	text-decoration: none;
}

.ArtWork {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/*margin-bottom:30px;*/
	align-items: center;
	justify-content: center;
	/*grid-template-columns: repeat(auto-fit, minmax(200px,4fr));
	grid-template-rows: repeat(auto-fill, minmax(200px, 4fr));*/
}

.more {
    color: #FFFFFF;
	padding-left:40%;
	font-size: 1.5vw;
	font-weight: 400;
}
.container1 {
  position: relative;
  width: 100%;
}

.container1 img {
  width: 100%;
  height: auto;
}

.container1 #btn-fgrtv.btn {
  position: absolute;
  top: 47%;
  left: 20%
}
.container1 #btn-pmch.btn {
  position: absolute;
  top: 24%;
  left: 75%;
}
.container1 #btn-whmscl.btn {
  position: absolute;
  Bottom: 5%;
  left: 20%;
}
.container1 #btn-mxdmd.btn {
  position: absolute;
  bottom: 43%;
  left: 75%;
}
.container1 #btn-jzz.btn {
  position: absolute;
  bottom: 4%;
  left: 75%;
}
.container1 .btn {
 /* transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  background-color:rgba(220,151,34,1.00);
  color:#002140;
  font-size: 1em;
  font-weight: 600;
  padding: 1% 2%;
  border: medium;
border-color: #EC6D10;
  cursor: pointer;
  border-radius: 25px;
  text-align: center;
  background: rgba(220,151,34,0.7);
 
}

.container1 .btn:hover {
  background-color:#002140;
    color: #e0a812;
} 

.art {
	width: 100%;
	height: auto;
}

.ArtWork{
   display: grid; 

   grid-template-rows: 5.3;
   grid-template-columns: 5.3;
   margin-left: 1%;
	margin-right: 1%;
 	column-gap: 2%;
   height: 100%;
   
}
.art {
	padding:0;
	margin: 0;
	width:"100%";
}  

#image1 {
	padding-top:1.2em;
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 12;
   grid-column-end:9;
}
#image2 {
	/*padding-top: 1em;*/
   grid-row-start: 1;
   grid-column-start: 9;

   grid-row-end: 8;
   grid-column-end: 19;
/*	margin-top: 1em;*/
    color: #e0a812;
		
}
#image3 {
	padding-top:2.8em;
   grid-row-start: 12;
   grid-column-start: 1;
	
   grid-row-end: 19;
   grid-column-end: 9;
}
#image4 {
   /*padding-top:1em;*/
   grid-row-start: 9;
   grid-column-start: 9;

   grid-row-end: 13;
   grid-column-end: 19;
  
	
}
	
#image5 {
   grid-row-start: 13;
   grid-column-start: 9;

   grid-row-end: 19;
   grid-column-end: 19;
}

.art {
	border:#FDFDFD;
	border-bottom-style: outset;
	border-image-width: auto;
}


/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color:#5caeb9;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 5px;

 bottom: 100%;
	left: 50%;
	margin-left: -60px; 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
	
}
.text1 {
	padding:0;
	margin:0;
	font-size: 2vw;
}
.text2 {
	padding:0;
	margin:0;
	font-size: 1.4vw;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.about_title {
	font-family: "Helvetica";
	font-size:"2.6vw";
	font-weight: 600;
	color:#E56E36;
	text-align:left;
	padding: 0 10%;
	margin-bottom: 2px;
}
.about_content1 {
	line-height: 1.5;
	font-family: "Helvetica";
	font-size:"1.2vw";
	font-weight:normal;
	color:wheat;
	white-space:normal;
	text-align:left;
	padding: 0 10%;
	margin-bottom: 4%;
}
.about_content2 {
	line-height:0.5;
	font-family: "Helvetica";
	font-size:"1.2vw";
	font-weight:normal;
	color:wheat;
	white-space:normal;
	text-align:left;
	padding: 0 10%;
	margin-bottom: 4%;
}
.about_content3 {
	font-family: "Helvetica";
	font-size:"1.2vw";
	font-weight:normal;
	color:wheat;
	white-space:normal;
	text-align:left;
	padding: 0 10%;
	margin-bottom: 4%;
	line-height: 0.5vw;
}
.p1 {
	padding-bottom: 0;
}
.p2 {
	padding-bottom: 2vw;
}
.p3 {
	padding-bottom: 3vw;
}
#CR{
	bottom: 1em;
    color: #e0a812;
}