@media screen and (max-width: 415px){ BODY.center{margin:10% 3% ;} div.heading{ padding-bottom:25px;}input#selfile{ font-size:12pt;} div.filmers img { width:300px;} footer img { width:300px;} div#uploadpost p { font-size: 12pt}}
HTML{background: #e8eeee;}
BODY{background: #edeeee; margin: 15px 5px; border: solid gray; border-radius: 8px; box-shadow: 0 4px 8px 0 #00000033; } 
H1,H2,H3,P,FOOTER { font-family: "Roboto", sans-serif; text-align: center; }
H1	{font-size: 24pt; color: #adbaaa ; margin-top: 10%;}
H2,H3 {color: #444444; line-height: .8 ; margin-top: 5%;}
P.upload {font-family: 'Roboto', sans-serif; color: #333333; }
.left     {margin-right: 30%;}
.right     {margin-left: 30%;}
.center     {margin-left: 15%; margin-right: 15%;} 
#filebutton	{background: #bbbbbb; margin-left: 20%; margin-right: 20%; padding: 5px; font-size: 17pt; border-radius: 4px;}
#filesubmit	{background: #bebeaa; font-size: 14pt; border-radius: 6px; box-shadow: 0 2px 6px 0 #00000066;}
#filesubmit2	{background: #e8eeee; color: #002060; margin-left: 20%; margin-right: 20%; font-size: 17pt; line-height: .8;}
#uploadpost	{font-size: 14pt; margin-left: 18%; margin-right: 18%; border-radius: 10px;}
.iynsed   {display: flex; flex-direction: column; justify-content: center;}
.filmers  {padding-bottom:5px; text-align:center; overflow: hidden; }
.filmers img { display: block; margin: 0 auto; width: 600px; object-fit: contain; object-position: center; }