/* */

body {
	background-color: #ffa100;
	
}

h1 { font-size: 1.5rem; }

.footer {
	background: black;
    color: white;
}

main { margin-bottom: 2em;}
main > .container {
  padding: 80px 15px 0;
}

form { margin-block-end: 0em;}

p .lpc { padding-left: 0em;  margin-bottom: 0;  font-size: medium; white-space:pre;}

.prekey { 
	width: 4em;
	display: inline-block;
}

.lpc { display: inline-block; }
.lpc-2 { padding-left: 2em;}
.lpc-3 { padding-left: 4em;}
.lpc-4 { padding-left: 6em;}
.lpc-5 { padding-left: 8em;}
.meds { display: inline-block; }
.meds span { margin-right: 0.25em; }

.textfind { background-color: #f8c31c; }
.sympone { padding: 2em; }

.bg-med {background-color: #008b7c;}
.bg-warning {color: black;}

.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}

@media (min-width: 1200px) {
	
	h1 { font-size: 1em; }
}

@media (max-width: 575px) { 

	.sympone { padding: 0.5em; }
	.sympline { font-size:70%;}
	.prekey { width: 3em; }
    .meds span { border-radius: 2em; }	
    main > .container {
        padding: 80px 1px 0;
    }
    .lead { font-size: 40%; }
    .footer { font-size: 40%; }
    h1 { font-size: 1em; }
}