.serviceTripContainer{
float:left;
box-shadow: 2px 2px 4px #cccccc;
height:180px;
background-size:cover;
background-repeat: no-repeat;
background-position: top;
width:100%;
border-top:1px solid #f1f1f1;
margin-bottom:30px;
position:relative;
font-family:'Source Sans Pro';
}

.serviceTripContainer:hover{cursor:pointer;}

.serviceTripContainer .serviceTripInner{
display:block;
max-width:80%;
margin:0 auto;
position:relative;
text-align:center;
top: 22%;
transform: translateY(-33%);
}


.serviceTripContainer .serviceTripSeason{
letter-spacing:-0.3px;
margin-top:-15px;
margin-left:10px;
position: absolute;
top: 0px;left: 0px;
width:130px;
text-align:center;
padding-top:5px;
height:30px;
border:1px solid #d3d3d3;
background-color:#772f45;
font-size:120%;
color:white;
}

.tripDates{
width:40%;
letter-spacing:-1px;
text-align:center;
margin:0 auto;
margin-top:40px;
padding:5px;
font-size:110%;
color:white;
font-weight:normal;
border:1px solid #f1f1f1;
text-shadow: -1px 0px 40px rgba(0, 0, 0, 1);
background-color:rgba(0,0,0,0.2);
}

.serviceTripContainer .serviceTripInner a[href]:hover{background:none;}

.serviceTripContainer .serviceTripInner .serviceTripName a{
font-family:'Source Sans Pro';
text-transform:uppercase;
font-size:200%;
line-height:1;
letter-spacing:-1.3px;
color:white;
font-weight:bold;
text-shadow: -1px 0px 40px rgba(0, 0, 0, 1);
}
.serviceTripContainer .serviceTripInner .serviceTripName a:hover{text-decoration:underline;}
.serviceTripInner .tripDetails{font-size:120%;}

#serviceTripsSearchOptions,
.serviceTripContainer .tripDetails,
.serviceTripContainer
{border: 1px solid #ccc;}

#serviceTripsTopHeader{float:left;padding-bottom:15px;border-bottom:1px solid #f1f1f1;}
#serviceTripsIntroText{float:left;width:70%;}
#serviceTripsSearchOptions{
margin-top:10px;
box-sizing: border-box;ms-box-sizing: border-box;webkit-box-sizing: border-box;moz-box-sizing: border-box;
padding:15px;
float:right;
width:25%;
background-color:#f1f1f1;
display:block;
min-height:50px;
}

@media screen and (max-width:550px){
.serviceTripContainer .serviceTripInner .serviceTripName a{font-size:115%;}
.serviceTripContainer .serviceTripSeason{font-size:80%;}
.tripDates{width:80%;font-size:85%;}
#serviceTripsIntroText{width:60%;}
#serviceTripsSearchOptions{width:40%;}
}