/*----------------------------------------------------
@File: Default Styles
@Author: Vuyani Joshua Matumbu
Author E-mail: da_vuks@yahoo.com / vj@mkholoempire.co.za

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Pizza
 
 
=====================================================================*/

.footer{   
    background: #000000;
    color: rgb(223, 223, 223);
    padding: 10em 0em;
    }
    /*================| Footer |================ */
.footer{
    margin-top: 30em;
}
.footer .footer-content p{
    line-height: 1.5;
}
.footer .footer-content .nav ul li {margin: 1em 0;}
.footer .footer-content .nav ul li a{color: #fff;}
.footer .footer-content .Questions h3{margin-bottom: 1em;}
.footer .footer-content .Questions p{text-align:left;}
.footer .footer-content .social-media-icons .fa{
   
    margin: 0 1em;  
    color: #fff;
}
.gotopbtn{
    position: fixed;
    width: 40px;
    height: 50px;
    background: #ffb03a;
    bottom: 1em;
    right: 1em;
    text-align: center;
    line-height: 50px;
    color:white;
    font-size: 22px;
  }
  .footer .footer-content{
    margin-top:25em;
   
   
} 
a{
    color: white;
}
@media only screen and (min-width:200px) {
    .footer .footer-content{
        margin-top:20em;
       } 
     } 
    @media only screen and (min-width:300px) { 
        .footer{margin-top: 15em;}
        .footer .footer-content{ margin-top: 15em;}
    }
    @media only screen and (min-width:500px) {
        .about{margin-top:20em;} 
        .footer .footer-content{margin-top: 10em;}
    }
    @media only screen and (min-width:700px) {     
        .footer .footer-content{
            margin-top: 10em;
            display: grid;
            grid-template-columns:30% 20% 20% 20%;
            gap: 1em;
    }          
}