/* Phone Screens */
  @media screen and (max-width: 680px) {
    body {
        background-color: white;
        color: black;
        padding-top: 40px;
        font-family: Ubuntu;
        width: 80%!important;
        align-content: center!important;
        text-align: center;

        margin-left:auto;
        margin-right:auto;
      }
    }  
/* Computer Screens */
    @media screen and (min-width: 681px) {
        body {
            background-color: white;
            color: black;
            padding-top: 20px;
            font-family: Ubuntu;
            width: 80%!important;
            align-content: center!important;
            text-align: center;

            margin-left:auto;
            margin-right:auto;
          }
        } 

/* ANNI: MAKE HEADING ACTUAL HEADING */
h1 {
    position: fixed;
    right: 0px;
    left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    top: 0;
    z-index: 1000;
    position: absolute;
    height: 45px;
    width: 100% !important;
    align-content: center !important;
    border-radius: 0px !important;
  
    background-color: #02a1d6;

    text-align: center;
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #ffffff;
  
    overflow: auto;
    margin: 0;
  }

  div {
    border: "0";

    background-color: #cceef9;
    padding-top: 15px;
    padding-right: 17px;
    padding-left: 17px;
    padding-bottom: 16px;
    border-radius: 30px;

    margin-bottom: 20px;

    font-size: 15px;
    text-align: left; 
    font-style: normal; 
    font-weight: normal;

    line-height: 1.3;
}

.footer { 
    position: absolute; 
    bottom: 0; 
    width:85%;
    text-align: center;
    z-index: 10;
    /* left: 500px; */
    color: #07bee3;

    background-color: white!important;
}