<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.hero-image {
  background-image: inherit;/* The image used */
  background-color: #63c16c; /* Used if the image is unavailable */
  
  background-position: top; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-attachment: fixed; 
  padding-top:inherit;
  
}
/*
.hero-image2 {
  background-image: url(../images/wallpaper2.png);
  background-color: #cccccc; 
  height: 500px; 
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover; 
  background-attachment: fixed; 
}*/
.card.customcard{
	border-radius: 15px !important;

    
    

}
li{
	font-style:italic;
}
.container-fluid.h100{
	height:inherit;
}

@media (min-width: 576px) { 

}


@media (min-width: 768px) {  

}


@media (min-width: 992px) { 
.hero-image {
  background-image: url(../images/wallchange.png);/* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-attachment: fixed; 
  padding-top:15px;
}
.card.customcard{
	border-radius: 50% !important;
    max-width: 500px;
    max-height: 500px;
    padding: 15px;

}
.container-fluid.h100{
	height:100vh;
}
}


@media (min-width: 1200px) { }




</pre></body></html>