/* TYPOGRAPHY */

h1 {
	font-size: 4rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	line-height: 1.232;
}

h2 {
	font-size: 2.8rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	line-height: 1.2992;
}

h3 {
	font-size: 2.2rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	line-height: 1.3328;
}

h3.resort-title {
	font-size: 1.6rem!important;
	line-height: 1.2;
}

h4 {
	font-size: 1.4rem;
	font-family: 'Poppins', sans-serif;
	line-height: 1.3888;
	font-weight: 600;
}

h4.resort-location {
	font-size: 1.1rem;
	text-transform: uppercase;
}

p {
	font-size: 1rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 1.8;
}

p.large {
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 300;
}

label {
	font-size: 1rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 1.8;
}

small {
	font-size: .9rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 1.8;
}

p.pinklink {
	color: #f05d77!important;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 300;
	text-decoration: none;
}

a.pinklink {
	color: #f05d77!important;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 300;
	text-decoration: none;
	border-bottom: 1px solid #f05d77;
}

a.pinklink:hover {
	opacity: .6;
	text-decoration: none!important;
	border-bottom: 1px solid #f05d77;
}

a.pinklinksmall {
	color: #f05d77!important;
	font-size: 1rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 1.8;
	text-decoration: none;
	border-bottom: 1px solid #f05d77;
}

a.pinklinksmall:hover {
	opacity: .6;
	text-decoration: none!important;
	border-bottom: 1px solid #f05d77;
}

p.linklist {
	margin-bottom: .4rem;
}

a.linkh2 {
	color: #f05d77!important;
	text-decoration: none;
}

a.linkh2:hover {
	opacity: .6;
	text-decoration: none!important;
}

a.link {

}

a.link:hover {

}

a.nav-link.link {
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000!important;
}

a.nav-link.link:hover {
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    opacity: .6!important;
}

a.footer {
	text-decoration: none!important;	
	font-style: italic;
}

a.footer:hover {
	text-decoration: none!important;
	opacity: .6!important;
}



.pinktext {
	color: #f05d77!important;
}

.greentext {
	color: #3cb14a!important;
}

.blacktext {
	color: #000!important;
}

.whitetext {
	color: #fff!important;
}

h3.footer {
	line-height: .75;
	font-weight: 700;
}


/* LOGO */

img.logo {
	max-width: 100%;
	max-height: 60px;
}


/* COLOR */

header {
	background-color: #f4f1e4;
}

footer {
	background-color: #f4f1e4;
}

.primary-background {
	background-color: #f4f1e4;
}

.secondary-background {
	background-color: #fff;
}

.form-control.whitebackground {
	background-color: #fafafa;
	color: #000!important;
}


/* BUTTONS */

a.btn.btn-primary.rounded-0{
	padding-top: .65em;
    padding-bottom: .65em;
    padding-right: 1.2em;
    padding-left: 1.2em;
    background-color: #3cb14a;
    color: #fff;
    border-color: #3cb14a;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: calc(-.12vw + 1rem);
}

a.btn.btn-primary.rounded-0:hover {
	opacity: .8;
}

button.btn.btn-primary.rounded-0{
	padding-top: .65em;
    padding-bottom: .65em;
    padding-right: 1.2em;
    padding-left: 1.2em;
    background-color: #3cb14a;
    color: #fff;
    border-color: #3cb14a;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: calc(-.12vw + 1rem);
}

button.btn.btn-primary.rounded-0:hover {
	opacity: .8;
}

a.btn.btn-primary.btn-lg.rounded-0 {
	padding-top: 1.1em;
	padding-bottom: 1.1em;
	padding-right: 1.837em;
	padding-left: 1.837em;
	background-color: #3cb14a;
	color: #fff;
	border-color: #3cb14a;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: calc(0vw + 1rem);
}

a.btn.btn-primary.btn-lg.rounded-0:hover {
	opacity: .8;
}

button.btn.btn-primary.btn-lg.rounded-0 {
	padding-top: 1.1em;
	padding-bottom: 1.1em;
	padding-right: 1.837em;
	padding-left: 1.837em;
	background-color: #3cb14a;
	color: #fff;
	border-color: #3cb14a;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: calc(0vw + 1rem);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	
	padding-top: .65em;
    padding-bottom: .65em;
    padding-right: 1.2em;
    padding-left: 1.2em;
    background-color: #3cb14a;
    color: #fff;
    border-color: #3cb14a;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: calc(-.12vw + 1rem);
}

button.btn.btn-primary.btn-lg.rounded-0:hover {
	opacity: .8;
}

span.navbar-toggler-icon {
	background-image: none!important;
}

.navbar-toggler {
	font-size: 1.2rem!important;
}

img.opacity100 {
	opacity: 1!important;
}



/* BREAKPOINTS MOBILE */


@media (max-width: 991px) {
img.logo {
	max-width: 100%;
	max-height: 50px;
}
.nav-item.button {
	padding-top: 1.5rem;
}
.nav-item {
	padding-top: .2rem;
}
.nav-item.first {
	padding-top: 1.75rem;
}
.img-beth {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.travelquestions {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.travelagentcolumnbreakpoint2{
	padding-top: .8rem;
}
.customersatisfaction{
	text-align: left!important;
}
.resorts {
	padding-top: 3rem!important;
	padding-bottom: 3rem!important;
}
.resort-column {
	padding-right: 1rem;
}
.headerforbeachesandsandalspages {
	padding-bottom: 1rem;
}

}


@media (max-width: 767px) {
.footercontent {
	padding-top: 3rem!important;
}
.aboutmeheader {
	padding-bottom: 0rem!important;
	padding-top: 2rem;
}
.bethaboutimage {
	padding-right: 3rem;
	padding-bottom: 2rem;
}
.aboutmesection {
	padding-bottom: 4rem;
}
h1 {
	font-size: 3rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	line-height: 1.232;
}
h2 {
	font-size: 2.5rem;

}
}


/* BREAKPOINTS DESKTOP */


@media (min-width: 992px) {
.resort-column {
	padding-right: 3rem;
}
.paddingbreakpoint5{
	padding-left: 3rem;
}

.travelagentcolumnbreakpoint1{
	padding-right: 1.5rem;
}

.travelagentcolumnbreakpoint2{
	padding-left: 1.5rem;
}

img.logo {
	max-width: 100%;
	max-height: 60px;
}
.navbar-right-align {
    flex-direction: row-reverse!important;
}
.nav-item.button {
	padding-left: 3rem;
	padding-right: .5rem;
}
.nav-item {
	padding-left: 1.75rem;
}
.customersatisfaction{
	text-align: center!important;
}
}