﻿
  body  {
      
 background-image: url(imag/bg-pattern.png);
     
       }

       figure{
        text-align: center;
        width:75%;
        margin-top:3%;
        margin-left: 14%;
      
      }   
        
      figcaption{
        
      font-size: 1.8em;font-weight: bold;
      color: #fffefe;
      
      }
      

      .logo1
      { 
       position : absolute;
         bottom : 5%;
         left : 40%;
     
      }
      
      .logo2 
      {
       position : absolute;
       bottom : 5%;
       left : 60%;
     
      
      }
      
      .logo3 
      {
       position : absolute;
       bottom : 5%;
       left : 50%;
      }


  @media only screen and (max-width:600px){  
  
    figure{
    text-align: center;
    width:200%;
    margin-top:4%;
    margin-left:-50%;
    
    } 
    figcaption{
     margin-top: 2%; 
    font-size: 1.8em;font-weight: bold;
    color: #faf6f7;
    
    }
    .logo1
      { 
       position : absolute;
         bottom : 30%;
         left : 10%;
     
      }
    
    .logo2 
    {
    position : absolute;
    bottom : 30%;
    left : 80%;
    
    
    }
    
    .logo3 
    {
    position : absolute;
    bottom : 30%;
    left : 44%;
    }
    
      }  
    
  
  