body {
  max-width: 90em;
}

@media (min-width: 370px) {
    .myClass{}
}

figure img {
  width: 96%;
}
	  
figure {
	float: right;
	margin: 10px;
	padding: 0px;
	border: 1px solid gainsboro white;
	background: white;
}

figcaption {
  padding: 0px;
  text-align: left;
}

#grau {
   background-color: #E2DFDF;
   width: auto;
   padding: 12px;
   margin: 0px;
   border: 2px solid grey;
}

p {
	padding-left: 10px;
    font-family: Segoe UI;
    font-weight: lighter;
}

h1 {
    padding-left: 10px;
    font-family: Segoe UI;
    font-weight: bold;
}

h2 {
    padding-left: 10px;
    font-family: Segoe UI;
    font-weight: bold;
}

h3 {
    padding-left: 10px;
    font-family: Segoe UI;
    font-weight: bold;
}

h4 {
    padding-left: 10px;
    font-family: Segoe UI;
    font-weight: bold;
}
    
h5 {
    padding-left: 10px;
    font-family: Segoe UI;
    font-weight: bold;
}

html {
    font-family: Segoe UI;
    font-weight: lighter;
} 

@media print{
  html {
    font-family: Segoe UI;
    font-weight: lighter;
    text-align: left;
  }
}