@import url('https://fonts.googleapis.com/css?family=Inder&display=swap');
html {
  background: url(trc_bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  overflow: hidden;
}
body{
  font-family: 'Inder', sans-serif;
}
.content{
  
   font-size: 3em;
   position:absolute;
   color: white;                /* added */
   bottom: 15vh;                           /* added */
   left: 5vw;
   width: 60vw;
}

.footer{
  bottom: 5vw;
  position: absolute;
  color: lightgray;
  font-size: 1.5em;
  left: 5vw;
}

a{
  color: lightskyblue
}

a:hover{
  text-decoration: underline;
  color: lightskyblue
}

@media (max-width: 760px) { 
  .content{
  
   font-size: 1.5em;
   position:absolute;
   color: white;                /* added */
   bottom: 15vh;                           /* added */
   left: 5vw;
   width: 60vw;
}

.footer{
  bottom: 5vw;
  position: absolute;
  color: lightgray;
  font-size: 1em;
  left: 5vw;
}
}