.forms-item
{
   visibility:hidden;
}

@media screen and (min-width: 980px)
{

   .form-tekstvak
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: auto;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-tekstvak:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-tekstvak:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-selectie
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: 270px;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-selectie:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-selectie:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-textarea
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: 270px;
      max-width: 270px;
      min-width: 270px;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-textarea:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-textarea:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-button
   {
      font-family: hBarlow Condensed;
      color: RGB(117,162,180);
      border: 2px solid RGB(117,162,180);
      padding: 7px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 20px;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
      border-radius: 4px;
   }

   .form-button:hover
   {
      background-color: RGB(117,162,180);
      color: white;
   }


   .form-item
   {
      width: 520px;
      min-width 500px:
      display: table;
      margin-bottom: 20px;

   }

   .form-item-titel
   {
      width: 250px;
      vertical-align: middle;
      display: table-cell;
   }

   .form-item-itself
   {
      width: 270px;
      display: table-cell;
   }
}





@media screen and (max-width: 980px)
{

   .form-tekstvak
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: auto;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-tekstvak:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-tekstvak:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-selectie
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: 270px;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-selectie:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-selectie:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-textarea
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: 270px;
      max-width: 270px;
      min-width: 270px;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-textarea:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-textarea:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-button
   {
      font-family: hBarlow Condensed;
      color: RGB(117,162,180);
      border: 2px solid RGB(117,162,180);
      padding: 7px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 20px;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
      border-radius: 4px;
   }

   .form-button:hover
   {
      background-color: RGB(117,162,180);
      color: white;
   }


   .form-item
   {
      width: 520px;
      min-width 500px:
      display: table;
      margin-bottom: 20px;

   }

   .form-item-titel
   {
      width: 250px;
      vertical-align: middle;
      display: table-cell;
   }

   .form-item-itself
   {
      width: 270px;
      display: table-cell;
   }
}





@media screen and (max-width: 600px)
{

   .form-tekstvak
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: auto;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-tekstvak:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-tekstvak:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-selectie
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: 270px;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-selectie:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-selectie:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-textarea
   {
      border-width: 2px;
      border-style: solid;
      border-color: RGB(204,204,204);
      background: RGB(255,255,255);
      font-family: Arial;
      font-size: 16px;
      color: RGB(75,75,75);
      width: 270px;
      max-width: 270px;
      min-width: 270px;
      padding: 10px 10px 10px 10px;
      margin: 0px;
      border-radius: 4px;
   }

   .form-textarea:hover
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-textarea:focus
   {
      border-color: RGB(117,162,180);
      border-width: 2px;
   }

   .form-button
   {
      font-family: hBarlow Condensed;
      color: RGB(117,162,180);
      border: 2px solid RGB(117,162,180);
      padding: 7px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 20px;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
      border-radius: 4px;
   }

   .form-button:hover
   {
      background-color: RGB(117,162,180);
      color: white;
   }


   .form-item
   {
      width: 100%;
      min-width 270px:
      display: block;
      margin-bottom: 20px;
   }

   .form-item-titel
   {
      width: 100%;
      vertical-align: middle;
      display: block;
   }

   .form-item-itself
   {
      width: 100%;
      display: block;
   }

}