/*Activities*/


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#tennis-box {
background:url('/_wss/clients/509/assets/77/tennis-bg.jpg') no-repeat;
background-size:cover;
background-position:center;
}
#swimming-box {
background:url('/_wss/clients/509/assets/77/swimming-bg.jpg') no-repeat;
background-size:cover;
background-position:center;
}
.boxes-of-2 {
width:100%;
margin:0px auto;
height:380px;
max-width:640px;
}
.boxes-of-2 a:hover {
text-decoration:none;
}
.inner-box {
width:100%;
opacity:.01;
text-align:center;
color:#fff;
margin:0px;
background:rgba(0, 0, 0, .7);
padding:170px 0px;
}
.inner-box:hover {
transition:all .5s ease;
opacity:1;
}
.inner-box span {
padding:3px 20px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
.activities {
text-align:center;
max-width:800px;
margin:0px auto;
}
.activities ul {
margin:0px auto;
list-style:none;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
.boxes-of-2 {
height:230px;
}
.inner-box {
padding:95px 0px;
}

}

@media (max-width: 767px) {
.inner-box {
opacity:1;
}

}

@media (max-width: 480px) {
.boxes-of-2 {
height:200px;
max-width:300px;
}
.inner-box {
padding:80px 0px;
}

}