/* This Stylesheet for Travel Page */
/* Surf Lessons BG */
.surf-lessons-bg{
	background: #ffffff url('../img/surf-lessons/surf-lessons-header.jpg') no-repeat;
	height: 470px;
	padding-top: 200px;
	color: rgb(66, 66, 66);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.surf-lessons-bg h2{font-size: 62px;}
/* Surf With Us */
.surf-with-us p{font-size: 18px;}
/* Individual Surf Lessons */
.surf-packages{
	margin-top: 25px;
}
.surf-packages .card{
	border: 1px solid #e6e6e6;
	text-align: center;
	padding: 15px;
	border-radius: 0px;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
}
.surf-packages h2{font-size: 18px; line-height: normal;}
.surf-lessons-box{
	margin: 5px 0 20px;
    padding: 15px;
    height: 100px;
    background: #607d8b;    
}
.surf-packages h3{color: #ffffff; margin-bottom: 0; line-height: 70px; font-size: 36px;}
.surf-packages h4{font-size: 15px; margin-bottom: 20px;}
.surf-packages ul{
	border-top: 1px solid #d9d9d9;
}
.surf-packages ul li{
	color: #8c8c8c;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 0;
	border-bottom: 1px solid #d9d9d9;
	color: #8c8c8c;
}
.card-title small{
	font-size: 14px;
	font-weight: 700;
}
.surf-packages .card:hover{box-shadow:0 18px 38px 0 #dadada, 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.daily-surf-schedule{
	background: #ffffff url('../img/surf-lessons/surf-schedule-bg.jpg') no-repeat;
	height: 300px;
}
.daily-surf-schedule{
	padding-top: 70px;
}
.daily-surf-schedule h2{font-size: 64px; margin-bottom:30px;}
.daily-surf-schedule p{margin-bottom: 0; font-size: 18px; font-weight: 700;}
.surf-packages .first-card{border-color:#000000;}
.group-surf-lessons .surf-packages .card{padding: 20px;}
.group-surf-lessons .surf-lessons-box{height: 150px;}
.group-surf-lessons .first-card .surf-lessons-box h3{
	line-height: 120px;
}
.group-surf-lessons .second-card .surf-lessons-box{padding-top: 25px;}
.group-surf-lessons .second-card .surf-lessons-box p{color:#ffffff; font-size: 20px; margin-bottom: 5px;}
.group-surf-lessons .third-card .surf-lessons-box h3{line-height: 50px;}
.group-surf-lessons .third-card .surf-lessons-box{padding-top: 25px;}
.btns-blocks{margin-top: 50px;}
.btns-blocks .btn{margin-left: 10px; font-size: 18px;}
.our-promise p{
	font-size: 18px;
}
.our-promise ul{margin-left: 0px; padding-left: 0px; list-style: none; margin-bottom: 0; margin-top: 15px;}
.our-promise ul li {font-size: 18px; margin-bottom: 15px;}
.our-promise ul li::before {
    content: "\f005";
    font: normal normal normal 14px/1 FontAwesome;
    width: 25px;
    height: 25px;
    color: #607d8b;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    line-height: 25px;
}
.surf-lessons-cta{
	padding: 60px 0px;
}
.surf-lessons-cta h3{margin-bottom:30px; font-size: 24px;}
.surf-lessons-cta .btn{font-size: 18px;}

.narragansett-beach-parallax{
	height: 467px;
	background: #ffffff url('../img/surf-lessons/narragansett-town-beach.png') no-repeat bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding-top: 60px;
}
.narragansett-beach-parallax h2{margin-bottom: 10px;}
.narragansett-beach-parallax h4{
	font-size: 18px;
	margin-bottom: 15px;
}
.narragansett-beach-parallax p{
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 35px;
}
.narragansett-beach-parallax .btn{font-size: 18px;}
.btns-blocks br{display: none;}
.surf-packages .card-deck .card-footer{
	border-top: none;
}
/* Extra large devices (large desktops, 1200px and Down) */
@media (min-width: 2000px) {
	.surf-lessons-bg{
		background-position: center;
		background-size: cover;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		-ms-background-size: auto;
		background-size: auto;
		padding-top: 305px;
	}
	.daily-surf-schedule{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
	}
}
/* Extra large devices (Extra large desktops, 1366px and Down) */
@media (max-width: 1365.98px) {
	.individual-surf-lessons h2{font-size: 30px;}
	.surf-packages h2{font-size: 14px;}
	.surf-packages h3{font-size: 24px;}
	.surf-packages .card{padding: 10px;}
	.group-surf-lessons .second-card .surf-lessons-box p{font-size: 16px;}
	.surf-packages h3{font-size: 20px;}
	.group-surf-lessons .third-card .surf-lessons-box h3{line-height:30px;}
}
/* Extra large devices (large desktops, 1200px and Down) */
@media (max-width: 1199.98px) {
	.narragansett-beach-parallax{
		padding-top: 40px;
	}
	.surf-lessons-bg{
		height: 340px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		padding-top: 255px;
	}
	.surf-lessons-bg h2 {
	    font-size: 40px;
	}
	.daily-surf-schedule h2 {
	    font-size: 55px;
	    margin-bottom: 20px;
	}
}
/* Large devices (desktops, 992px and Down) */
@media (max-width: 991.98px) {
	.surf-lessons-bg{
		height: 200px;	
		padding-top: 140px;
	}
	.daily-surf-schedule h2{font-size: 36px;}
	.daily-surf-schedule{
		height: auto;
		padding: 80px 0px;
	}
	.group-surf-lessons .third-card .surf-lessons-box {
	    padding-top: 50px;
	}
	.surf-packages .col-md-4{margin-bottom: 20px;}
	.group-surf-lessons .second-card .surf-lessons-box{padding-top: 45px;}
	.group-surf-lessons .second-card .surf-lessons-box p{font-size: 12px;}
	.group-surf-lessons .third-card .surf-lessons-box h3{line-height: 26px; font-size: 18px;}
	.individual-surf-lessons h2{margin-bottom: 0;}
	.group-surf-lessons .third-card .surf-lessons-box h3{
		line-height: 24px;
		font-size: 18px;
	}
	.group-surf-lessons .surf-packages .card{padding: 10px;}
	.group-surf-lessons h4{font-size: 14px;}
}

/* Medium devices (tablets, 768px and Down) */
@media (max-width: 767.98px) {
	.card-deck{
		display: block;
	}
	.group-surf-lessons .card{margin-bottom: 20px;}
	.group-surf-lessons .second-card .surf-lessons-box{padding-top: 35px;}
	.group-surf-lessons .second-card .surf-lessons-box p{font-size: 16px;}
	.daily-surf-schedule{padding: 50px 0px;}
	.btns-blocks .btn{margin-left: 5px; font-size: 14px;}
	.surf-lessons-cta h2{font-size: 24px;}
	.surf-lessons-cta h3{font-size: 20px;}
	.individual-surf-lessons h2{font-size: 20px;}
	.surf-lessons-box{height: 50px;}
	.surf-packages h3{line-height: 22px; font-size: 22px;}
	.group-surf-lessons .card-title{margin-bottom: 5px; margin-top: 5px;}
	.group-surf-lessons h2{font-size: 22px;}
}

/* Small devices (landscape phones, 576px and Down) */
@media (max-width: 575.98px) {
	.narragansett-beach-parallax{padding-bottom: 40px; height: auto;}
	.narragansett-beach-parallax p{font-size: 16px; line-height: 24px;}
	.narragansett-beach-parallax .btn,.view-hd-stream a{font-size: 16px;}
	.btns-blocks br{
	   display: block;
	}
	.btns-blocks .btn{margin-bottom: 10px;}
	.surf-lessons-cta .btn {
	    font-size: 16px;
	}
}
@media (max-width: 480px){
	.group-surf-lessons h2 {font-size:16px;}
}