@import url('https://fonts.googleapis.com/css?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
        
* {
  padding: 0;
  margin: 0;
}

body {font-size: 100%; background: silver; padding-left: 50px; padding-right: 50px; padding-top: 40px; padding-bottom: 40px; color: blue; letter-spacing: 0.2em;
  font-family: Inter, Tahoma, Arial, Helvetica, sans-serif; }

h1 { font-family: Lato, Inter, Tahoma, Arial, Helvetica, sans-serif; font-size: 3.5em; white-space: nowrap; }
h2 { font-family: Lato, Inter, Tahoma, Arial, Helvetica, sans-serif; font-size: 2.5em; margin-top: 28px; white-space: nowrap; }
div { color: #555555; font-size: 2.0em; }

p { margin-top: 18px; font-size: 1.3em; line-height: 150%; letter-spacing: 0.1em; }


@media only screen and (max-width: 1300px) {
h1 {
    font-size: 3.5em; 
  }
h2 { font-size: 2.5em; }
div { font-size: 2.0em; }
p {  font-size: 1.8em;  }
}

 

a { font-weight: normal;  color: white; text-decoration: none; }
a:hover { color: #CCCCCC; }




        .textlink { color: orange; text-decoration: underline; }
        .opener {  background: #DDDDDD; color: blue; display: inline-block; padding: 5px; border: 3px solid orange; border-radius: 10px; margin-top: 0px; letter-spacing: 0.22em; font-size: 14pt; white-space: nowrap; }
	.wrapper { width: 100%; margin-left: 2px; margin-top: 2px; border-top: 3px dashed blue; border-bottom: 3px dashed blue; }
        .blox { background: white; display: inline-block; padding: 10px; border: 2px solid orange; border-radius: 10px; margin: 10px; width: 370px; letter-spacing: 0.1em;  }
        .butt { background-color: orange; color: white; border-radius: 10px; display: inline-block; padding: 10px; margin-left: 19px; margin-top: 20px; margin-bottom: 45px; border: 2px solid #CCCCCC; }
        .foot {  text-align: left; letter-spacing: 0.1em; margin-top: 5px; color: #555555; margin-left: 0px; font-size: 12pt; }