@media (min-width: 1025px)
{
      .activitiesphotos
      {
          padding: 50px 50px;
  		  background-color: Gainsboro;
      }
      .format-heading
      {
          padding-bottom: 40px;
      }
	  .activitieswrapper
	  {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
	  }
	  .photoborder
	  {
		  width: 300px;
		  height: 300px;
		  background-color: White;
	  }
	  .photodimension
	  {
		  width: 200px;
		  height: 200px;
		  margin: 8% auto;
		  display: block;
		  -webkit-transition: all 2s ease;
		  -moz-transition: all 2s ease;
		  -ms-transition: all 2s ease;
		  -o-transition: all 2s ease;
		  transition: all 2s ease;
	  }
	  .photodimension:hover
	  {
		  width: 250px;
		  height: 250px;
	  }
	  figcaption
	  {
	      margin-top: -20px;
	      font-weight: bold;
	      text-align: center;
	  }
}

/* ---------Tablet--------- */
@media (min-width: 768px) and (max-width: 1024px)
{
      .activitiesphotos
      {
          padding: 50px 50px;
  		  background-color: Gainsboro;
      }
      .format-heading
      {
          padding-bottom: 40px;
      }
	  .activitieswrapper
	  {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
	  }
	  .photoborder
	  {
		  background-color: White;
		  width: 250px;
		  height: 250px;
	  }
	  .photodimension
	  {
		  width: 150px;
		  height: 150px;
		  margin: 8% auto;
		  display: block;
		  justify-content: space-between;
		  -webkit-transition: all 2s ease;
		  -moz-transition: all 2s ease;
		  -ms-transition: all 2s ease;
		  -o-transition: all 2s ease;
		  transition: all 2s ease;
	  }
	  .photodimension:hover
	  {
		  width: 200px;
		  height: 200px;
	  }
	  figcaption
	  {
	      margin-top: -12px;
	      font-weight: bold;
	      text-align: center;
	  }
}

@media (max-width: 767px)
{
      .activitiesphotos
      {
          padding: 50px 50px;
  		  background-color: Gainsboro;
      }
      .format-heading
      {
          padding-bottom: 40px;
      }
	  .photoborder
	  {
		  background-color: White;
		  width: 250px;
		  height: 250px;
	  }
	  .photoborder figure
	  {
	      margin: 30px;
	  }
	  .photodimension
	  {
		  width: 150px;
		  height: 150px;
		  margin: 12% 8% 8% 12%;
		  -webkit-transition: all 2s ease;
		  -moz-transition: all 2s ease;
		  -ms-transition: all 2s ease;
		  -o-transition: all 2s ease;
		  transition: all 2s ease;
	  }
	  .photodimension:hover
	  {
		  width: 200px;
		  height: 200px;
	  }
	  figcaption
	  {
	      margin-top: -8px;
	      font-weight: bold;
	      text-align: center;
	  }
}