body {margin: 0; background-color: #e9dac5;
  font-weight:400;
  font-style:normal
  webkit-font-smoothing:antialiased;
  margin: 0;
}

li.list {line-height: 2.375rem;}
img.example {border: 4px solid white; margin: auto;}
li.list::before {content: "•"; color: #ff877a; font-size: 14px; bottom: 3px; position: relative; padding-right: 6px; vertical-align: baseline;}
ul.list {list-style: none; width: 80%; background-color: white;}
p.full {max-width:none; }
.section-fly a {color: black; text-decoration: none; border-bottom: 1px solid black;}
.section-fly a:hover { color: #ff877a; border-bottom: 1px solid #ff877a;}

/* Mobiles  and small tablets */
@media screen and (max-width: 815px) {
	.content-well {max-width: 90vw !important;}
	img.example {margin-top:40px;}
}


/* Phones only */
@media screen and (max-width: 420px) {
	.content-well {margin: 0 auto; max-width: 75vw; padding: 60px 30px;}
	ul {width: 100%; padding: 0;}
	li {font-size: 1rem; line-height: 1.8rem;}
}

/* Medium And Big Screen */
@media screen and (min-width: 816px) {
	p.section-fly {font-size:1.1rem !important;}
	div.content-opener {grid-template-columns: repeat(2, 1fr)}
	li.list {max-width:none;}
	p.section-fly {max-width:none;}

}


/* temp
.grid-container {
  padding-bottom: 8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  */