.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}

.img_1-1{background-image:url('../Images/HomePickup.png');}
.img_1-2{background-image:url('../Images/Received_This_Postcard.png');}
.img_1-3{background-image:url('../Images/OneOfThese.png');}

.img_2-1{background-image:url('../Images/Movie.PNG');}
.img_2-2{background-image:url('../Images/DonationCenter.PNG');}
.img_2-3{background-image: url('../Images/billboard.png');}

.img_3-1{background-image:url('../Images/WordMouth.PNG');}
.img_3-2{background-image:url('../Images/Google.PNG');}
.img_3-3{background-image:url('../Images/Truck.PNG');}

.img_4-1{background-image:url('../Images/Other.PNG');}

.squaretext {
    float:left;
    text-align:center;
    position: relative;
    width: 30%;
    margin:.10%;
    font-weight: bold;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}




/*  following just for the demo */


/*body {
    font-size:20px;
    font-family: 'Lato',verdana, sans-serif;
    color: #fff;
    text-align:center;
    background:#ECECEC;
}*/

#bottom {
    clear:both;
    margin:0 1.66%;
    width:89.68%;
    padding: 3.5%;
    background-color:#1E1E1E;
    color: #fff;
}
#bottom p{
    text-align:center;
    line-height:2em;
}
#bottom a{
    color: #000;
    text-decoration:none;
    border:1px solid #000;
    padding:10px 20px 12px;
    line-height:70px;
    background:#ccc;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#bottom a:hover{
    background:#ECECEC;
    border:1px solid #fff;
}

div.container div.text {
	position: absolute;
	bottom: 0px;
	border: solid 1px black;
}