.feature_box { height:250px; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; position:relative; box-shadow:0px 0px 5px #afafaf; } .feature_box:hover > .overlay { position:absolute; width:100%; height:100%; background-color:#000; opacity:0.6; display:block; -webkit-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; } .feature_box_content { color:white; z-index:1; position:inherit; } .feature_box_icon { display:block; margin:0 auto; color:white; height:88px; } .feature_box_title { margin: 5px 0; color:white; } @media (max-width: 767px) { .feature_box_title { font-size:20px; } } .feature_box_description { display:none; padding:0px 45px; transition:all .75s ease; font-size:13px; color:white; } @media (max-width: 767px) { .feature_box_description { font-size:10px; } } #row_feature_box a:hover { text-decoration:none; } .show { opacity:1; padding-bottom:50px; transition:all .75s ease; } @media (max-width: 987px) { .feature_box { margin-bottom:30px; } } @media (max-width: 987px) { .feature_box_description { padding:0px 20px; } } h3.feature_box_heading { text-align:center; font-weight:bold; display:none; } @media (max-width: 767px) { h3.feature_box_heading { display:block; margin-bottom:15px; } } #directory_row.row { margin-left:0; margin-right:0; } .island_big_map { padding:0; margin-left:15px; } @media (max-width: 991px) { .island_big_map { margin-left:0; margin-top:50px; } } #row_feature_box { margin:40px 0; } @media (max-width: 991px) { #row_feature_box { padding:0 15px; } }