*,
    *:after,
    *:before {
        box-sizing: border-box;
    }
    .container {
        padding: 0 1em;
        max-width: 1200px;
		margin-top:2%;
    }
    /* ui */
    
    .widgets {
        margin-bottom: 3em;
        overflow: auto;
    }
    .widget {
        float: left;
        width: 100%;
        height: auto;
        min-height: 75px!important;
		text-decoration:none!important;
        display: inline-block;
        background-color: #9ccbe0;
        padding: 1.2em;
    }
    .widget:nth-child(even) {
        background-color: #80c2de;
    }
    .widget p {
        font-size: 1.2em;
        margin: 0;
    }
    .widget a {
        color: #4E3C51;
        font-size: 14px;
    }
    /* responsive changes */
    
    @media screen and (min-width: 480px) {
        .container {
            padding: 0 2em;
        }
        .widget a {
            color: #4E3C51;
            font-size: 13px;
        }
    }
    @media screen and (min-width: 600px) {
        .widget {
            width: 50%;
        }
        .widget:nth-child(3) {
            background-color: #80c2de;
        }
        .widget:nth-child(4) {
            background-color: #9ccbe0;
        }
        .widget a {
            color: #4E3C51;
            font-size: 13px;
        }
    }
    @media screen and (min-width: 800px) {
        .widget {
            width: 33%;
        }
        .widget:nth-child(3) {
            background-color: #9ccbe0;
        }
        .widget:nth-child(even) {
            background-color: #80c2de;
        }
        .widget a {
            color: #4E3C51;
            font-size: 14px;
        }
    }
    @media screen and (min-width: 930px) {
        .widget a {
            color: #4E3C51;
            font-size: 14px;
        }
    }
	
	 @media screen and (max-width: 780px) {
	 
		.widget {
        
         float: left;
        width: 100%;
        height: auto;
        min-height: 50px!important;
		text-decoration:none!important;
        display: inline-block;
        background-color: #9ccbe0;
        padding: 1.2em;
	 }
	 
}
	 
	
    .gridLi {
        list-style-type: none;
        text-align: center;
    }
    .gridLi a {
          text-decoration: none!important;
			color: #041156;
			
    }
	
	 .gridLi a:hover{
          text-transform: uppercase;
			color:#000;
			letter-spacing:1.2px;
			
    }