@media (pointer: fine) {
body {
margin-left: 20%;
margin-right: 20%;
font-family: Palatino Linotype,serif;
}
.header-img {
width: 60%;
}
}
@media (pointer: coarse) {
body {
margin-left: 5%;
margin-right: 5%;
font-family: Palatino Linotype,serif;
}
.header-img {
width: 80%;
}
}
h1 {
text-align: center;
font-family: Georgia;
letter-spacing: 1px;
}
p, select {
font-size: 16pt;
}
ul, ol {
font-size: 13pt;
}
a {
color: #000000;
}
.styled-img {
border: 3px #000000 solid; 
border-radius: 10%;
display: block;
margin-left: auto;
margin-right: auto;
}
.caption {
font-size: 8pt;
color: #CCCCCC;
text-align: center;
}
.caption a {
color: #CCCCCC;
}
.question {
margin-top: 50px;
}
.sbutton {
background-color: #256BA8;
border: none;
border-radius: 5px;
color: #FFFFFF;
padding: 15px 40px 15px 40px;
margin-right: 20px;
margin-bottom: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: inherit;
font-size: 18pt;
}
.sbutton:hover {
background-color: #4B96D8;
cursor: pointer;
}
.scheck {
height: 20px;
width: 20px;
}
.results-tbl {
font-family: "Palatino Linotype",Palatino, serif;
font-size: 11pt;
border-collapse: collapse;
}
.results-tbl tr:nth-child(odd) {
background-color: #DA9457;
}
.results-tbl td {
border-left: #000000 1px solid;
border-bottom: #000000 1px solid;
padding: 4px;
}
.results-tbl th {
border-left: #000000 1px solid;
border-top: #000000 1px solid;
}
.insights-tbl {
font-size: 12pt;
border-collapse: collapse;
padding: 7px;
}
.insights-tbl tr:nth-child(odd) {
background-color: #B3EEFC;
}
.insights-tbl td {
border: #000000 1px solid;
padding: 7px;
}
.insights-tbl th {
border: #000000 1px solid;
padding: 7px;
text-align: left;
}