/* Enter Your Custom CSS Here */
.hndtst {
    padding: 1%;
    margin-bottom: 80px !important;
       
}

body {
    background:url(http://pjsconstructions.com.au/wp-content/uploads/2016/03/bg.jpg) ;
   background-repeat: no-repeat;
    background-attachment: fixed;
}

.contact-footer {
    background: #4c4d4f;
    
}
.site-footer, .contact-footer {
    text-decoration: none;
    color: #fff;
    
    padding: 5px 5px;
font: 14px Arial, verdana, helvetica, sans-serif;
line-height: 1.4em;
}

.content-wrap {
    background: white;

}


.site-footer { background: #4c4d4f;  }


.full-header {  background: #4c4d4f; border-bottom:5px #008fd5 solid;
    height: 205px; }

.text-gallery { margin-bottom: 5px !important; }

#tst_short_381-1{font-size: 1.2em !important;}
#tst_short_382-2{font-size: 1.2em !important;}
#tst_short_383-3{font-size: 1.2em !important;}
#tst_short_384-4{font-size: 1.2em !important;}
#tst_short_385-5{font-size: 1.2em !important;}
#tst_short_386-6{font-size: 1.2em !important;}
#tst_short_387-7{font-size: 1.2em !important;}
#tst_short_388-8{font-size: 1.2em !important;}


#graphicalButtons{
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
text-align:Center;
   -webkit-align-content: inherit;
   align-content: inherit;
position:relative;
}

#imgBox{width:32%; height:200px; margin:10px 0; overflow:hidden;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row /* works with row or column */
   flex-direction: row;
   -webkit-align-items: inherit;
    align-items: flex-end;
-webkit-align-items: flex-end;
   -webkit-justify-content: inherit;
   justify-content: inherit;



/*
display:flex; flex-direction: column-reverse;
-webkit-align-content: flex-end;  
align-content: flex-end; 
  -webkit-flex-direction: column-reverse !important;
justify-content: space-between; 
-webkit-justify-content: space-between; 
-webkit-align-items: flex-end;
-webkit-align-content: flex-end;*/
margin-bottom:10px
}

#imgBox a {


    background: #00AEEF;

    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    overflow: hidden;
    padding: 10px 0;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    vertical-align: baseline;
    width: 100%;
    opacity: 0.8;
}

#imgBox:hover a{
    cursor: pointer;
    padding:50% 0px 50%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

#imgBox a:hover{padding:50% 0px 50%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;}

.box1{background:url(http://pjsconstructions.com.au/wp-content/uploads/2016/03/Residential_Construction_for_home_page_tab.jpg);}
.box2{background:url(http://pjsconstructions.com.au/wp-content/uploads/2016/03/Commercial_Construction_for_home_page_tab.jpg)}
.box3{background:url(http://pjsconstructions.com.au/wp-content/uploads/2016/03/Mini_Excavations_for_image_within_tab.jpg)}
.box4{background:url(btn4.jpg)}

.box1, .box2, .box3, .box4{background-size:cover; background-position:center;
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;}


.box1:hover, .box2:hover, .box3:hover, .box4:hover{
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
background-repeat: no-repeat !important;}
.MobGraphicButtons{display: none;}

.cta {
    padding: 4px;
    right: 0;
   
    width: 348px;
    border-radius: 5px;
    overflow: hidden;
    background: #27AAE1;
    text-align: center;
    color: #fff;
    font: 12px handel, arial;
    text-transform: uppercase;
    cursor: pointer;
}