.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 12px;
    height: 12px;
    display:none;
    animation: spin 2s linear infinite;
   
  }
  
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  #footer{
      box-shadow:0px -0.4px 0.5px 0.5px lightgrey;
     

  }

  .social{
     
    display: flex;
    justify-content: center;
    width:100%;
  }

 .social > .socialitems{
margin:10px;
height:1cm;
width:1cm;
position:relative;

  }

  .imageClass{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
  }
  .whatsAppImage{
    width: 150%;
    height: 150%;
    top: -15%;
    left: -35%;
  }

  .pages{


    display:flex;
    justify-content: center;
    width: 100%;
  }

  .pages > .pagesitems{
margin:10px;
display: flex;
  justify-content: flex-start;
  /* align-items: flex-end; */
  flex-direction: column;
  text-align: center;
  }