*{
    padding: 0;
    margin: 0;
}

body{
    font-size: 0.9375em;
    font-family: 'Poppins', sans-serif;
    color:#000;
    background-color: #ececec;
}


a:link,
a:focus,
a:active,
a:hover,
a:visited{    
    color: #ff0000;
    text-decoration: none;
}


p{padding: 0.3em 0;}
                    
h1, .h1 {
    /* font-size: 40px; */
    font-size: 2.5em;
    margin: 0 0 0.4375em 0;
}

h2, .h2 {
    /* font-size: 32px; */
    font-size: 2em;
    margin: 0 0 0.65625em 0;
}

h3, .h3 {
    /* font-size: 28px; */
    font-size: 1.75em;
    margin: 0 0 0.875em 0;
}

h4, .h4 {
    /* font-size: 24px; */
    font-size: 1.5em;
    margin: 0 0 1em 0;
}

h5, .h5 {
    /* font-size: 20px; */
    font-size: 1.25em;
    margin: 0 0 1.16667em 0;
}

h6, .h6 {
    /* font-size: 16px; */
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 1.5em 0;
}

ul, ol, dl {margin: 0 0 1.5em 0;}
li { margin-left: 1.250em;}
dt {font-weight: bold;}
dd {margin: 0 0 1.5em 0.8em;}



body > header,
body > main .wrapper{       
    background-color: #fff;
}


.wrapper {	
    max-width: 1180px;
    margin: 0 auto;
}

header h1{ padding: 25px;margin: 0;}
header p{ padding: 0 0 25px;}

main .wrapper{       
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 20px;
    box-sizing: border-box;
}

body > footer {
    background-color: #333;
    color: #fff;
}
footer .wrapper {
    padding-top: 20px;
    padding-bottom: 50px;
}

/* Grid Style */

.grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px;
}

.w12 {grid-column: span 12;}
.w11 {grid-column: span 11;}
.w10 {grid-column: span 10;}
.w9 {grid-column: span 9;}
.w8 {grid-column: span 8;}
.w7 {grid-column: span 7;}  
.w6 {grid-column: span 6;}
.w5 {grid-column: span 5;}
.w4 {grid-column: span 4;}
.w3 {grid-column: span 3;}
.w2 {grid-column: span 2;}
.w1 {grid-column: span 1;}