body { background-color: rgb(32, 105, 81);}

p {color: white; margin-left: 36px; font-family: 'Arial Narrow',Arial, Helvetica, sans-serif;font-size: 110%

}

h3 {
    color:white; text-align:left; margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 140%; margin-bottom: 0.75%;
}

h1 {
    color:white; text-align:left; margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 140%
}

a {
    color: lightblue
}

textarea {
    font-family: 'Arial Narrow',Arial, Helvetica, sans-serif; font-size: 100%
}

.floating-box {
    color: white; 
    font-family: 'Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 110%;
    width: 24%;
    border: 1px solid #FFFFFF;
    text-align: justify;
    padding: 3px;
    margin-left: 12%;
	visibility:visible;
  }

  .container {
    position: relative;
  }

    .bottom-right {
        position: absolute;
        top: 180px;
        left: 170px;
        color:#000000; text-align:left; margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bold;
      }

@media only screen 
      and (min-device-width : 320px) 
      and (max-device-width : 480px) {
          
        .floating-box {
        color: white; 
        font-family: 'Arial Narrow',Arial, Helvetica, sans-serif;
        font-size: 110%;
        width: 75%;
        border: 1px solid #FFFFFF;
        text-align: justify;
        padding: 3px;
        margin-left: 12%;
        visibility:visible;   }}