body {
        margin:0px;
        padding:0px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: flex;
        flex-flow: column nowrap;
    }

    html, html * {
        font-family: 'Montserrat', sans-serif;
        box-sizing: border-box;
        margin-block-start: 0em;
        margin-block-end: 0em;
    }

    p, span {
        font-family: 'Muli', sans-serif;
    }

    h1, h2, h3, h4, h5, h6, a {
        font-family: 'Montserrat', sans-serif;
    }
    .heading-h2{
        text-align: center;
        color:#282828;
        font-weight:700;
        font-size:32px;
        width:70%;
        margin:0 auto;
        text-transform: uppercase;
        margin-bottom:15px;
    }
    .heading-p {
        text-align: center;
        color:#383838;
        font-weight:600;
        font-size:18px;
        line-height:1.3em;
        width:80%;
        margin:0 auto;
    }
    ul {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    button {
        cursor: pointer;
        outline:none;
        border:none;
    }

    .btn {
        cursor: pointer;
        outline:none;
        border:none;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        border-radius: 5px;
        border-right:8px solid #ce8908;
        color:white;
        background: linear-gradient(to left, #ce8908  50%, #AB7105 50%);
        background-size: 200% 100%;
        background-position: left bottom;
        transition: all .3s ease-out;

    }

    .btn:hover {

        background-position: right bottom;

    }

    .clear {
        clear: both;
    }

    .divider {
        width:180px;
        height:5px;
        margin:0 auto;
        background-color:#00853f;
        margin-top:20px;
        margin-bottom:30px;
    }

    select#quote-form{

        width:250px;
        height:48px;
        position:relative;
        top:2px;
        border:0px;
        margin-right:10px;
        outline: none;
    }

    main {
        
        align-items: center;
        color: #9b9b9b;
        line-height: 1;
        
    }
    
    /* template styles end */


    .section {
        
        width:100%;
        padding:40px 80px;
        
    }
    
    .icons-section{
        
        width:100%;
        padding:20px 0px;
        
    }
    
    .icons {
        
        float:left;
        width:20%;
        text-align:center;
        padding:30px 15px;
        cursor:pointer;
    }
    
    .icons img {
        
        width:60%;
        
    }
    
    .icons p {
        
        font-size:14px;
        font-weight:700;
        text-transform: uppercase;
        line-height:1.3em;
        margin-top:10px;
        color:#232323;
    }
    
    .desktop-clear{
        
        clear:both;
        
    }
    
    .tab-clear{
        
        clear:none;
        
    }            
    
    .mobile-clear{
        
        clear:none;
        
    }
    
    
    
    /* media query for tablet */
    @media(min-width: 768px) and (max-width: 1024px){

        .icons {

            width:25%;
            padding:30px 20px;
        }

        .icons img {

            width:50%;

        }
        
        
        .section {
    
            padding:40px 40px;

        }
        
        .desktop-clear{

            clear:none;

        }

        .tab-clear{

            clear:both;

        }            

        .mobile-clear{

            clear:none;

        }
        
        
        

    }


    /* media query for phone */

    @media(max-width: 767px) {
        
        
        .icons {

            width:50%;
            padding:30px 10px;
        }

        .icons img {

            width:60%;

        }

        .icons p {

            font-size:14px;
            margin-top:10px;
        }
        

        .heading-h2{

            font-size:22px;
            width:100%;

        }    
        
        .heading-p {
        

            font-size:16px;
            width:100%;
        }
        .section {
            padding:40px 30px;
        }
        .desktop-clear{
            clear:none;
        }
        .tab-clear{
            clear:none;
        }            
        .mobile-clear{
            clear:both;
        }
    }