﻿
  body  {
      
    background-image: url(img/bg-pattern.png);
        
          }
   
          figure{
           text-align: center;
           width:75%;
           margin-top:10%;
           margin-left: 14%;
         
         }   
           
         figcaption{
           
         font-size: 1.8em;font-weight: bold;
         color: #fad42d;
         }
       
         .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:15%;
       margin-left:-50%;
       
       } 
       figcaption{
        margin-top: 2%; 
       font-size: 1.2em;font-weight: bold;
       color: #fad42d;
       
       }
       .logo1
         { 
          position : absolute;
            bottom : 5%;
            left : 10%;
        
         }
       
       .logo2 
       {
       position : absolute;
       bottom : 5%;
       left : 80%;
       
       
       }
       
       .logo3 
       {
       position : absolute;
       bottom : 5%;
       left : 44%;
       }
       
         }  
