html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{

	  scroll-behavior: smooth;

}

body
{
    background: #00979B;
    font-family: 'Montserrat', sans-serif;
	
}

h1,h2,h3,h4,h5
{
	font-family: 'Jost', sans-serif;
	
}

strong{
	font-weight: bold;
}

p{
	margin-bottom: 1.5rem;
	line-height: 1.6rem;
	
}

ul li{
	margin-bottom: 1.5rem;
	
	
}

a{
	text-decoration: none;
	
}

img{
	max-width: 100%;
}

.button{
	padding: 10px 20px;
	border: 1px solid #005357;
}

.top-fold-wrapper{
	background: #A5E0E2;
	padding-top: 20px;
}

.top-fold-wrapper .top{
	
}

.top-fold-wrapper .top ul li{
	display: inline;
	margin-left: 20px;;
}

.top-fold-wrapper .top ul li a{
	text-transform: uppercase;
	color: #005357;
	font-size: 0.8rem;
}
.top-fold-wrapper .top ul li a:hover{
	color: #fff;

}

.top-fold-wrapper .top ul li a.button{
	text-transform: uppercase;
	color: #005357;

}

.top-fold-wrapper .top ul li a.button i{
	margin-right: 10px;
}

.top-fold-wrapper .top ul li a.button.mobile i{
	font-size: 1.4em;
}

.banner{
	background: url('images/background.jpg') no-repeat center;
	padding: 110px 0 230px;
	text-align: center;

}
.banner h1{
	color: #fff;
	font-size: 3rem;
	text-align: center;
}

.banner h1 span{
	color: #fff;
	font-size: 1.5rem;
	display: block;
	margin-bottom: 1.5rem;
	font-family: 'Montserrat', sans-serif;
}

.banner .button{
	border: none;
	background: #F76927;
	text-align: center;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	margin-top: 30px;
	padding: 15px 40px;

}

.ctas .cta{
	background: #00979B;
	padding: 60px 20px;
	margin-bottom: 80px;
	color: #fff;
	flex-basis: 100%;
}


.ctas .cta h2{
	font-size: 2.2rem;
}

.ctas .cta h2:after, .about h2:after{
	width: 100px;
	height: 4px;
	content: '';
	background: #F76927;
	margin: 40px 0 30px;
	display: block;

}

.ctas .cta a{
	color: #005458;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 30px;
	display: block;
}

.ctas .cta a:hover{
	color: #fff;

}


.about-wrapper
{
	padding: 80px 0;
	background: #fff;
}

.about .images img{
	margin-bottom: 40px;
}

.about h2{
	color: #009095;
	font-size: 2.5rem;
}

.about p, .about ul li{
	color: #00979C;

}

.about ul li{
	color: #00979C;
	margin-left: 20px;
    list-style: disc;
}

.contact-wrapper{
	padding: 80px 0;
	background: #A5DFE1;
	color: #00979C;
}

.contact-wrapper .column{
	flex-basis: 100%;
}

.contact-wrapper h2{
	color: #009095;
	font-size: 2.0rem;
	margin-bottom: 2rem;;
}

.contact-wrapper p, .contact-wrapper a{
	color: #00979C;

}

.contact-wrapper a:hover{
	color: #005458;

}
.contact-wrapper .with-icon{
	display: flex;
	margin-bottom: 30px;;

}

.contact-wrapper .with-icon .icon{
	margin-right: 30px;

}

.contact-wrapper .with-icon .icon img{
	max-width: 80px;

}

.contact-wrapper .with-icon h3{
	text-transform: uppercase;
	margin-bottom: 1rem;
	color: #005458;

}

.footer-wrapper{
	padding: 80px 0 60px 0;
	background: #00979B;
}

.footer-wrapper h2{
	color: #fff;
	font-size: 2.0rem;
	margin-bottom: 2rem;
	margin-top: 1rem;
}


.footer-wrapper .columns{
	margin-bottom: 40px
}


.footer-wrapper .button{
	color: #fff;
	border-color: #fff;
    display: inline-block;
}

.footer-wrapper .button i{
	margin-right: 10px;
}

.footer-wrapper .button.mobile i{
	font-size: 1.4em;
}

.footer-wrapper .button.book{
	display: block;
	margin-top: 40px;
	border: none;
	background: #F76927;
	text-align: center;
	color: #fff;

	border-radius: 5px;
	margin-top: 30px;
	padding: 15px 40px;
}

.copy{
	border-top: 1px solid #fff;
	padding-top: 30px;
	color:#fff;
	font-size: 0.8rem;
	align-items: center;;
}

.copy a{

	color:#fff;
}

.button:hover{
	background: #005458 !important;
}

nav .button:hover{
	color: #fff !important;
}
@media only screen and (min-width: 1220px) {
  	.container {
   		width:1220px;
		margin: 0 auto;
  	}
  	.top-fold-wrapper .top{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.ctas, .about, .contact-wrapper .columns, .footer-wrapper .columns, .copy{
		display: flex;
		gap: 40px;
		justify-content: space-between;
	}

	.footer-wrapper .button{
		margin-top: 35px;
    
	}

}


@media only screen and (max-width: 800px) {
	.container {
   		padding: 10px
  	}

	.logo{
		text-align: center;
	}

	nav{
		text-align: center;
		margin-top:20px;
	}

	.top-fold-wrapper .top ul li a{
		font-size: 0.6rem;
	}
	.top-fold-wrapper .top ul li .button{
		display: block;
		margin-top: 20px;
		font-size: 1rem;
		
	}

	.banner{
		background-size: contain;
		padding: 50px 0;
	}
	.banner h1{
		font-size: 1.2rem;
	}

	.banner h1 span{
		font-size: 1rem;
	}
	.ctas .cta{

		margin-bottom: 30px;

	}
	.footer-wrapper .button{
		display: block;
	}

}