body {
  font-size:16px;
  height:100%;
  margin:0;
}

#headername {
 color:black; 
}

.padding {
 padding-top:100px; 
}

@media(min-width:1100px) {
  
}

body {
  font-size:16px;
  height:100%;
  margin:0;
}

#headername {
 color:black; 
}

.padding {
 padding-top:100px; 
}

@media(max-width:480px) {
  .twoheadings {
   font-size:45px;
    font-family:Times New Roman, Times, serif;
    font-weight:bold;
    color:black;
  }
  
  .twoparagraphs {
   color:black;
    font-family:Arial, sans-serif;
    font-size:18px;
  }
}

@media(min-width:480px) and (max-width:1100px){
  .twoheadings {
   font-size:40px;
    font-family:Times New Roman, Times, serif;
    font-weight:bold;
    color:black;
  }
  
  .twoparagraphs {
   color:black;
    font-family:Arial, sans-serif;
    font-size:17px;
  }
}

@media(min-width:1100px) {
  .twoheadings {
   font-size:35px;
    font-family:Times New Roman, Times, serif;
    font-weight:bold;
    color:black;
  }
  
  .twoparagraphs {
   color:black;
    font-family:Arial, sans-serif;
    font-size:16px;
  }
}

Add Media Queries and information to those queries
Add Media Queries and information to those queries