/* Reset and base styles */
body {
  margin: 0;



  background-color: #ffffff;




  font-family: 'Roboto', sans-serif;
  font-weight:200;


  line-height: 1.2;

  color:#b3b3b3;

  /*color: #5c6d71;*/

  /*color:#919294;*/


  margin-left: auto;
       margin-right: auto;

}





.containerForAllPaintingsIndexPage{
  max-width: 65%;
  margin: 0 auto;
  text-align: center;
  margin-top: 15px;

}



/* Container to align all content */
.containerForPaintingPage {
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
  margin-top: 45px;

}

/* Top image styling */
.top-imageForPaintingPage  {
  width: 75%;
  height: auto;
  display: block;
  margin-left: auto;
       margin-right: auto;


}

/* Headline and subheadline */
.text-blockForPaintingPage  {
  margin: 20px 0;
  margin-top: 30px;

}

.text-blockForPaintingPage  h1,
.text-blockForPaintingPage  h2 {

font-size: 1.8 em;

  margin: 10px 0;
  font-weight: 400;
  max-width: 75%;
  display: block;
  margin-left: auto;
       margin-right: auto;

       margin-top: 5px;


}
.text-blockForPaintingPage  h3 {

  font-size: 1.2em;
  line-height: 1.5;




  margin: 10px 0;
  font-weight: 200;
  max-width: 75%;
  display: block;
  margin-left: auto;
       margin-right: auto;

 margin-top: 5px;

}



/* Body paragraph */
.body-textForPaintingPage  {
  margin: 20px auto;

  margin-top: -55px;

  font-size: 1.2em;

  text-align: left;

  line-height: 1.5;

max-width: 55%;



}






.containerForEmailPage {
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
  margin-top: 100px;
  margin-left: auto;
       margin-right: auto;
}



/* Body paragraph */
.body-textForEmailPage {

  margin: 5px auto;

  margin-top: -60px;

  font-size: 1.2em;

  line-height: 1.5;

max-width: 75%;

text-align: center;

margin-left: auto;
     margin-right: auto;



}

.emailPageEmailAddress
{


font-size: 1.4em;


}
















/* Container to align all content */
.container {
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;




}

/* Top image styling */
.top-image {
  width: 40%;
  height: auto;
  display: block;
  margin-left: auto;
       margin-right: auto;


}

/* Headline and subheadline */
.text-block {
  margin: 20px 0;
  margin-top: 30px;

}

.text-block h1,
.text-block h2 {

font-size: 1.8 em;

  margin: 10px 0;
  font-weight: 400;
  max-width: 75%;
  display: block;
  margin-left: auto;
       margin-right: auto;


}
.text-block h3 {

  font-size: 1.2em;
  line-height: 1.5;




  margin: 10px 0;
  font-weight: 200;
  max-width: 75%;
  display: block;
  margin-left: auto;
       margin-right: auto;

 margin-top: 180px;

}



/* Body paragraph */
.body-text {
  margin: 20px auto;

  margin-top: -170px;

  font-size: 1.2em;

  line-height: 1.5;

max-width: 75%;



}

/* Button styling */
.button-container {
  margin: 30px 0;


}

.buy-button {


  padding: 12px 30px;
  font-size: 1em;
  background-color: #0078D4;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.buy-button:hover {
  background-color: #005fa3;
}