@media screen and (min-width: 700px) { 
  html {height:96%;font-size:20px;}
   body{width:50%;height:100%;margin:auto;background-color: rgb(8, 22, 58);font-size:18px;font-family:arial;margin-bottom:12px;}
    
  } 
  @media screen and (max-width: 700px) { 
    html {height:96%;font-size:16px;}
body {height:100%;font-family:arial;}
  }

  @media screen and (max-width: 400px) { 
    html {height:96%;font-size:12px;}
body {height:100%;font-family:arial;}
  }
  @media screen and (max-width: 320px) { 
    html {height:96%;font-size:10px;}
body {height:100%;font-family:arial;}
  }

div {border:none;border-width:1px;margin-bottom:4px;padding:8px;text-align:center;border-radius:6px;}
#flexbox {display:flex;flex-direction:column;height:100%;align-items:center;}
#header {background-color: rgb(213, 219, 244);color:black;flex:1;font-size:1.5rem;width:100%;}
#middle{background-color:white;flex: 1.5;;width:100%;padding-top:22px}
#footer{background-color: rgb(213, 219, 244);flex: 1;;width:100%;}
#alwyn {height:84px;width:120px;border-radius:6px;margin:12px;}
.caption {font-size:0.8rem;}
#fb {height:40px;border-radius:6px;}
#title {font-size:2rem;}
#madeinaustralia {color:rgb(3, 99, 3);border-style:solid;border-width:1px;border-color:green;
  border-radius:6px;padding:8px;width:80%;margin-left:10%;margin-right:10%;margin-top:32px}
  h1 {font-size:3rem;}
  h2 {font-size:2rem;}
  h3 {font-size:1.4rem;}
  a {font-size:1.5rem;}