.introduction
{
  margin: 0 0 20px 30%;
  width: 40%;
}

.introduction img
{
  margin-left: 37%;
  width: 26%;
}

.introduction p
{
  font: 1.2vmax Arial, Tahoma, sans-serif;
  text-align: center;
}

.documents_name ul
{
  list-style-type: none;
  margin-left: 5%;
  width: 90%;
}

.documents_name li div
{
  width: 40%;
  margin-left: 30%;
}

.documents_name p
{
  font: 1.2vmax Arial, Tahoma, sans-serif;
  text-align: center;
  text-transform: uppercase;
  float: left;
  margin-top: 3px;
  width: 90%;
}

.documents_name img:first-child
{
  float: left;
}

.documents_name img
{
  width: 5%;
}

@media screen and (max-width: 768px)
{
    .introduction
    {
      margin: 0 0 20px 15%;
      width: 70%;
    }
    
    .introduction img
    {
      margin-left: 30%;
      width: 40%;
    }
    
    .introduction p
    {
      font-size: 2.0vmax;
    }
    
    .documents_name li div
    {
      width: 90%;
      margin-left: 5%;
    }
    
    .documents_name p
    {
      font-size: 1.8vmax;
      margin-top: 3px;
      width: 90%;
    }
    
    .documents_name img
    {
      width: 5%;
    }
}