/*CSS only targets images in each art page*/

.imgborder img { 
  border: 1px solid #7089ad; 
}

.imgborder img:hover { 
    outline: 3px solid #7089ad;
    border-style:outset;
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);

} 


.navbarcss:hover {
background-color: #dfeff8;
color: black;

}

/*top page or about page*/
body {
	padding-top: 60px;
	padding-bottom: 40px;
  background-color: #ecf4fc;
}
.quickzoom img {
  transform-origin: 65% 65%;
	transition: transform 1s, filter .5s ease-out;
	}

.quickzoom:hover img {
	transform: scale(1.1);
 
	}

.textstyle {font-family: 'Quattrocento', serif; font-weight: bolder ; font-size: 30px; 
}

.textstylesmaller {font-family: 'Quattrocento', serif;  font-weight: bolder; font-size: 15px;
}
.imgbordertoppage { 
  border: 5px solid #7089ad;
  border-style: outset;
}
.imgbordertoppage:hover {
  outline: 3px solid #7089ad;
    border-style:outset;
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);   

}

/* top page image css*/

/* below for all the gallery text, "Quattrocento" */

  .textstylegallery {font-family: 'Quattrocento', serif; font-weight: bolder ; font-size: 70px; text-align: center; margin-bottom: 30px;
  }
  
  .textstylesmaller {font-family: 'Quattrocento', serif;  font-weight: bolder; font-size: 15px; margin: 5px auto; 
  }

/* contact page css */
 #contactlogo {
  margin-top: -28%;
  margin-bottom: -22%;
  margin-left: 15%;
  width: 75%;
  height: 95%;
 }

 .shiftright {
   margin-left: 3%;
  
 }
/* Accordion CSS */

/* Three image containers (use 25% for four, and 50% for two, etc) */
h4.brand {
  margin-top: 2px;
  margin-bottom: 2px;
  
}


*{
  box-sizing: border-box;
}
.columnimage {
  float: left;
  width: 50%;
  padding: 5px;
  
  
}

#centerfooter {
  margin: auto;
  max-width: 1175px;
}

/* Clear floats after image containers */
.rowimage::after {
  content: "";
  clear: both;
  display: table;
}

.borderitaly {
  border: 5px solid black;
  margin-left: 17%;
}

#plane {
cursor: pointer;
}

.growtext {
  font-size: 150%;
  color: green;
}

.buttoncss {
  background-color: #7089ad ;
  font-size: 30px;
  padding: 5px;
  width: 325px;
  height: 40px;font-family: 'Quattrocento'; 
}

 /* border-radius: 5px; */
  
.round-edge {
  border-radius: 5px;
}

.buttoncss:hover {
  background-color:rgba(153, 171, 192, 0.8)
}

/*for another day
.brand:hover {
  transform-origin: 65% 65%;
	transition: transform 1s, filter .5s ease-out;

}

.brand:hover {
  border-radius: 5px;
  transform: scale(1.9);
  z-index: 200;
  position: absolute;
}
*/