.body
{
  background-color: white;
  width: 100%;
  min-height: 835px;
  color: #021d49;
  margin: 0;
  border: 1px solid white;
  position: relative;
} 



.body-content 
{
  width: 84%;
  min-height: 602px;
  margin: 50px auto;
}



.body-content hr
{
  color: rgb(95, 69, 65);
}
.body-content h2
{
  font-size: 48px;
  text-align: center;
  margin: 0;
  margin-top: 15px;
}
.body-content h3
{
    font-size: 30px;
}
.body-content p
{
  font-size: 16px;
}

.facilities-wrapper
{
  /* text-align: center; */
  /* display: grid;
  grid-template-rows: repeat(5,1fr); */
  /* grid-template-columns: 1fr 2fr 1fr; */
  display: flex;
  flex-wrap: wrap;
}
.facilities
{
  width: 40em;
  margin: 50px auto;
}
.facilities img
{ 
  width: 200px;
  height: 200px;
  display: flex; 
  border: 5px solid #021d49;
  border-radius: 100px;
  shape-outside: circle(50%);
  margin: 0 30px;
}



    /* -----------------------------------------
                    MEDIA QUERIES
------------------------------------------------*/




        /* ------------------------------------------
                    MOBILES
    ----------------------------------------------*/
    @media only screen and (max-width: 480px)
    {

    }
/* ********************************************** */




    /* ------------------------------------------------
                TABLETS
---------------------------------------------------*/
    @media only screen and (min-width: 481px) and (max-width: 768px)
    {
      .left
      {
        float: left;
      } 
      .right
      {
        float: right;
      }
    }
/* *************************************************************** */




    /* ------------------------------------------------
                    DESKTOP
-------------------------------------------------------*/
    @media only screen and (min-width: 769px)
    {
      #library
      {
        grid-column: 2;
        grid-row: 1;
      }
      #multimedia
      {
        grid-column: 2;
        grid-row: 2;
      }
      #cafeteria
      {
        grid-column: 2;
        grid-row: 3;
      }
      #swings
      {
        grid-column: 2;
        grid-row: 4;
      }
      #transport
      {
        grid-column: 2;
        grid-row: 5;
      } 
      .facilities img
      {
        
      } 
      .left
      {
        float: left;
      } 
      .right
      {
        float: right;
      }     
    }

/* ************************************************** */