summary {
display: list-item;
}
button, input{
overflow: visible;
}

template {
display: none;
}

a {
background-color: transparent;
}

h1 {
font-size: 2em;
text-transform: uppercase;
font-weight: 700;
color: #3f9c9f;
margin: 0.67em 0;
text-align: center;
}
*, *::before, *::after{
box-sizing: inherit;
}

html {
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}

h3{
color: #479e8d;
text-align: center;
}

[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
button, select{
text-transform: none;
}
[type="number"]::-webkit-outer-spin-button, [type="number"]::-webkit-inner-spin-button{
height: auto;
}

sup {
top: -0.5em;
}
body, html{
overflow-x: hidden;
font-family: "Lato", sans-serif;
height: 100%;
}
optgroup, textarea, select, button, input{
line-height: 1.15;
font-size: 100%;
margin: 0;
font-family: inherit;
}

pre {
font-family: monospace, monospace;
font-size: 1em;
}
[type="button"], [type="submit"], [type="reset"], button{
-webkit-appearance: button;
}

body {
margin: 0;
}

sub {
bottom: -0.25em;
}
[type="button"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, button::-moz-focus-inner{
padding: 0;
border-style: none;
}

img {
border-style: none;
}
body {
background-color: #000000;
}

main {
display: block;
}

details {
display: block;
}
sup, sub{
font-size: 75%;
vertical-align: baseline;
line-height: 0;
position: relative;
}

abbr[title] {
text-decoration: underline dotted;
border-bottom: none;
text-decoration: underline;
}
samp, code, kbd{
font-size: 1em;
font-family: monospace, monospace;
}

  [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

small {
font-size: 80%;
}
b, strong{
font-weight: bolder;
}
[type="radio"], [type="checkbox"]{
padding: 0;
box-sizing: border-box;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}

progress {
vertical-align: baseline;
}

legend {
padding: 0;
color: inherit;
white-space: normal;
display: table;
max-width: 100%;
box-sizing: border-box;
}

[hidden] {
display: none;
}

hr {
height: 0;
box-sizing: content-box;
overflow: visible;
}
[type="button"]:-moz-focusring, button:-moz-focusring, [type="submit"]:-moz-focusring, [type="reset"]:-moz-focusring{
outline: 1px dotted ButtonText;
}

fieldset {
padding: 0.35em 0.75em 0.625em;
}

.lap {
margin-bottom: 30px;
color: #449b9e;
font-weight: 600;
text-align: center;
}

.admire {
right: 4px;
bottom: -16px;
position: absolute;
}

.assignment {
font-size: 22px;
margin: 0 auto;
font-weight: 700;
text-align: center;
}

.evening {
max-width: 100%;
padding: 0 15px;
margin: 0 auto;
}

.lap {
margin-top: auto;
}

.observation{
color: #3fa594;
padding: 30px;
font-weight: 700;
}

.necessarily a {
text-decoration: none;
border-radius: 2px;
line-height: 25px;
padding: 0 8px;
color: #f0e9cb;
border: 2px solid #e0d7bf;
background: #3fa69e;
display: inline-block;
margin: 5px 10px 0 7px;
font-weight: 700;
}

.admire a {
font-weight: 700;
margin-right: 15px;
font-size: 20px;
color: #48a69f;
text-decoration: none;
}

.museum a{
font-size: 16px;
color: #4ca49d;
text-decoration: none;
background-color: transparent;
}

.yell {
color: #4b9d8e;
margin-bottom: 40px;
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
text-align: center;
}

.eastern {
margin-bottom: 40px;
}

.appointment a{
color: #46a493;
font-weight: 700;
text-decoration: none;
}

.avoid {
width: 6px;
border-style: none;
margin-top: 2px;
background-color: #f4fdfe;
width: 23px;
height: 20px;
}

.surgery{
margin-bottom: 20px;
padding-top: 10px;
}

.avoid{
position: absolute;
right: 1px;
}

.price img {
width: 100%;
}

.surgery textarea{
padding: 5px;
height: 300px;
resize: none;
width: 100%;
max-width: 500px;
}

.fight img {
width: 70%; ;
border-radius: 6px;
border: 2px solid #efe1bf;
}

.plane {
bottom: 80px;
font-weight: 700;
right: 0;
padding: 3px;
border: 1px solid #f0d9c2;
background-color: #000801;
color: #f0e9ca;
position: absolute;
}

.avoid{
background-repeat: no-repeat;
background-image: url(../images/search.png);
background-size: contain;
}

.assignment li {
border: 1px solid #e2e7bc;
margin: 5px;
display: inline-block;
list-style: none;
padding: 10px;
}

.typically {
margin: 10px 10px;
position: relative;
text-align: right;
font-size: 16px;
background-color: #dee5c0;
font-weight: 600;
border: solid 2px #f0dccc;
color: #3ea199;
border-radius: 6px;
width: 31.333%;
}

.everywhere h1,h2{
text-align: left;
font-size: 25px;
}

.official img {
width: 100%;
}

.engine {
text-align: right;
}

.forth {
font-size: 18px;
width: 60%;
position: relative;
flex-basis: 26.333%;
color: #3e969e;
margin-top: 10px;
}

.sharp {
justify-content: space-around;
display: flex;
flex-wrap: wrap;
}

.symptom {
margin: 30px 0 30px;
}

.museum{
height: 21px;
overflow: hidden;
margin: 10px 10px;
text-align: left;
}
 
.rank {
font-size: 30px;
color: #3ea59e;
font-weight: 700;
margin-bottom: 40px;
text-transform: uppercase;
text-align: center;
}

  .assignment li:hover {
background-color: #f0dabe;
transition: 0.5s;
}

.page-active {
transition: 0.5s;
background-color: #f0dabe;
}
.religion {
margin-bottom: 30px;
}

.official {
justify-content: space-around;
display: flex;
flex-wrap: wrap;
width: 100%;
}

.advance {
border: 1px solid #e2e9c4;
padding: 3px;
font-weight: 700;
background-color: #091508;
right: -2px;
position: absolute;
bottom: 58px;
font-size: 16px;
color: #e4e9cc;
}

.actor{
max-width: 500px;
width: 100%;
padding: 5px;
margin: 10px 0;
}

.assignment a {
text-decoration: none;
color: #419c93;
}

.anything{
padding: 5px 30px;
color: #40a699;
}

.enjoy {
text-align: right;
}

.captain{
position: relative;
margin-right: 20%;
}

.leadership {
overflow: hidden;
min-height: 100%;
}

.never {
margin-bottom: 5px;
}

.living {
display: flex;
margin-bottom: 40px;
justify-content: space-between;
position: relative;
align-items: center;
}

.medication img {
width: 100%;
}
@media (max-width: 1228px) {

  .forth {
flex-basis: 23.333%;
}

  .advance {
padding: 3px;
right: -3px;
bottom: 97px;
font-size: 13px;
}

  .typically .plane {
font-size: 12px;
bottom: 70px;
}


  .typically {
width: 30.333%;
}

  .avoid {
width: 6px;
border-style: none;
height: 20px;
}

  .enjoy {
font-size: 12px;
}
 
  .never{
font-size: 10px;
}
}
@media (max-width: 1024px) {
.advance {
font-size: 12px;
}

   .advance {
font-size: 12px;
right: -4px;
bottom: 96px;
}

  .forth {
flex-basis: 31.333%;
}
}
@media (max-width: 830px) {

  .advance {
right: -4px;
font-size: 12px;
bottom: 80px;
}

  .rank {
margin-bottom: 15px;
font-size: 20px;
}

  h1{
font-size: 1em;
}

  .eastern {
margin-bottom: 20px;
}

  .yell {
margin-bottom: 15px;
font-size: 20px;
}

  .typically .plane {
bottom: 63px;
font-size: 10px;
}

  .forth {
flex-basis: 47.333%;
}
.typically {
width: 29.333%;
font-size: 12px;
}

  .duty{
width: 220px;
}
}
@media (max-width: 768px) {

  .everywhere h1 {
font-size: 13px;
text-align: right;
}

  .admire {
display: none;
}

  .edge {
width: 34px;
padding-left: 11px;
display: block;
transition: 0ms;
}

  .living .price {
margin-top: 10px;
}

  .edge div + div {
margin-top: 5px;
}

  .advance {
right: 0px;
bottom: 97px;
font-size: 9px;
}

  .edge div {
background-color: #3f9e8e;
height: 3px;
}

  .admire {
bottom: -33px;
left: 11px;
}

  .enjoy {
font-size: 12px;
}

   .forth{
width: 100%;
}
.forth .literature {
font-size: 12px;
}

  h1 {
font-size: 1.5em;
}

  .captain{
display: none;
margin-right: 5%;
}
}
@media (max-width: 683px) {
.advance {
font-size: 12px;
bottom: 93px;
right: -3px;
}
}
@media (max-width: 630px) {

  .eastern img {
width: 100%;
}

  .forth {
flex-basis: 78.333%;
}
.typically {
width: 45.333%;
}
}
@media (max-width: 543px) {

  .forth {
flex-basis: 88.333%;
}

  .typically {
width: 95.333%;
}

  .captain{
margin-left: 5px;
}

  .duty{
margin-bottom: 11px;
width: 180px;
}

  .everywhere h1 {
font-size: 14px;
}
h1 {
font-size: 1em;
}
}
@media (max-width: 480px) {

  .forth {
flex-basis: 82.333%;
}

  .forth{
width: 100%;
}

  .forth {
width: 93%;
}
.rank {
margin-bottom: 10px;
font-size: 15px;
}

  .yell {
font-size: 15px;
}

  .advance {
right: 0px;
bottom: 88px;
font-size: 9px;
}
}
@media (max-width: 482px) {
.admire a{
font-size: 13px;
}

  h3{
font-size: 15px;
}
}
@media (max-width: 420px) {
.admire a{
font-size: 11px;
margin-right: 18px;
}

  .everywhere{
font-size: 10px;
}
}
@media (max-width: 380px) {

  .forth {
width: 100%;
}
.admire a {
font-size: 12px;
}

  .avoid {
width: 5px;
}

  .duty {
width: 139px;
margin-bottom: 11px;
height: 20px;
}
}
@media (max-width: 320px) {
 
  .forth {
font-size: 12px;
}

  .admire a{
font-size: 9px;
}

  .admire{
bottom: -40px;
}

  .advance {
bottom: 54px;
}

  .typically .plane {
bottom: 56px;
}
.assignment {
;
font-size: 14px;
margin-left: 25px;
}
}