* {box-sizing: border-box; margin: 0; padding: 0; font: 14px Arial, sans-serif;} 

body
  {
  background-color: #449;
  background-color: green;
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
  padding: 1vh;
  }
 
h1 
  {
  font-size: 3.3em;
  font-size: clamp(2.4em, 4vw, 3.6em);
  color: #445;
  color: rgba(255,255,255,1);
  text-shadow: 0px 0px 4px #337;
  margin: 1vh 0;
  text-align: center;
  }

.p1
  {
  text-align: center; 
  }

.beef
  {
  border-radius: 3px;
  max-width: 1000px;
  min-height: 98vh;
  margin: 2px auto;
  padding: 1vh 2vw;
  background-color: rgba(250,250,250,0.9);
  hyphens: auto;
  }

.box
  {
  background-color: rgba(115,215,215,0.8);
  border-radius: 3px;
  padding: 5px 1vw;
  margin: 4vh 0;
  }

.box h1 {font-size: 3.5em; font-size: clamp(2.0em, 3vw, 2.8em); margin: 1vh 0; padding: 0.2em; color: #5aa; text-shadow: none; border-radius: 5px; background-color: rgba(255,255,255,0.8);}

.sub_box
  {
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);
  background-color: rgba(255,255,255,0.8);
  border-radius: 3px;
  padding: 5px 1vw;
  margin: 2vh 0;
  }

.sub_box h1 {font-size: 2.5em; font-size: clamp(1.8em, 2vw, 2.0em); padding: 1vh 0; color: #6bb; text-shadow: none; border: none;}


ul {list-style-position: outside;}
ul>ul {margin-left: 20px;}

li {font-size: 1.2rem; margin-bottom: 0.2vh; margin-left: 1em;}
li:last-child {margin-bottom: 1vh;}
ul>ul>li {font-size: 1.1rem;}
ul>ul>ul>li {font-size: 1.0rem;}
ul>ul>ul>ul>li {font-size: 0.9rem;}


@media screen and (min-width: 1000px) 
  {
  body 
    {
    background-image: url("Cervinia-bg.jpg");
    }
  }