@charset "UTF-8";
/* =============================================================================================
                              ________  __      __  _________
                              \______ \/  \    /  \/   _____/
                                |    |  \   \/\/   /\_____  \ 
                                |    `   \        / /        \
                               /_______  /\__/\  / /_______  /
                                       \/      \/          \/ 
                          WMS - Website Management Software (c) 2022
                                   by Direct Web Solutions

    The following document, also known as services_home.css, is developed for the
    sole use of directwebsolutions.ca by the team at Direct Web Solutions. This 
    design was developed by us and is considered the property of our company. 
    Please do not steal the code from this template as we have worked hard on it 
    to make our business successful. If you would like to take parts of the css 
    for use in your own project, you may do so, but copying all of it or cloning 
    our website would be grounds to pursue legal action. Thanks for understanding 
    and have a great day!
    
    ~ Darryn Fehr,
    Direct Web Solutions

    ----------------------------------------------------------------------------------------
    @category    User Defined
    @package     WMS User Website
    @license     https://www.directwebsolutions.ca/wms/v3/license 3.0+ License
    @version     Release: 3.0.1
============================================================================================= */

main .services .title-row{font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:700;margin-top:30px;}
main .services p{font-size:14px;padding:3px 12px;}
main .services .service-list{display:flex;margin:0;padding:0;list-style:none;width:100%;flex-flow:row wrap;position:relative;}
main .services .service-list li{margin:6px;flex:0 1 calc(20% - 12px);list-style:none;}
main .services .service-list li a{border:1px solid #ccc;border-radius:4px;background:#fff;display:block;padding:26px 0;text-align:center;color:#555;}
main .services .service-list li a:hover{text-decoration:none;border:1px solid #aaa;border-radius:4px;background:#eee;display:block;padding:26px 0;text-align:center;color:#222;}
main .services .service-list li a i{display:block;width:100%;text-align:center;font-size:50px;}
main .services .service-list li a span{display:block;width:100%;text-align:center;font-size:10px;padding-top:5px;}
@media screen and (max-width:854px){
    main .services .service-list li{flex:0 1 calc(25% - 12px);}
}
@media screen and (max-width:654px){
    main .services .service-list li{flex:0 1 calc(33.333333% - 12px);}
}
@media screen and (max-width:524px){
    main .services .service-list li{flex:0 1 calc(50% - 12px);}
}