/*----------Global styles----------*/
#kilimanjaro-container h1 {
font-size: 48px;
font-weight: 400;
}

#kilimanjaro-container h2 {
font-size: 36px;
font-weight: 400;
}

h1, p, body {
font-family: ‘Montserrat’;
font-size: 20px;
}

p {
line-height: normal;
font-size: 20px;
}

/*———-Helper classes. These classes will be added to <div> tags and other elements.———-*/

.center {

text-align: center;

}

.underline {
text-decoration: underline;
}

.button {
background-color: #ff530d;
padding: 20px 40px 20px 40px;
color: white;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;
font-family: ‘Montserrat’;
letter-spacing: 2px;
cursor:pointer;
box-shadow: 8px 10px 20px 0px rgba(46,61,73,0.15);
}

.button:hover {
background-color: #ec4501;
padding: 20px 40px 20px 40px;
color: white;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;
font-family: ‘Montserrat’;
letter-spacing: 2px;
cursor:pointer;
}

.center-img{
display: block;
margin: 0 auto;
}


/*———-Header section———-*/

nav li {

display: inline;

list-style-type: none;

padding-right: 3%;

font-size: 14px;

}

nav li a {
text-decoration: none;
text-transform: uppercase;
font-family: 'Montserrat';
color: #b7b7b7;
letter-spacing: 2px;
}

nav {
padding: 0 5% 0 5%;
margin-top: 3%;
}

#header {
padding: 5% 0 2% 0;
}

/*———-Hero section———-*/

#hero-section {
background-image: url('https://cdn.audleytravel.com/1080/773/79/8004364-mount-kilimanjaro-national-park.webp');
background-size: cover;
padding: 15%;
text-align: center;
}

#hero-header {
color: white;
text-align: center;
background: rgba(153, 209, 254, 0.48);
padding: 2%;
margin: 5% 10% 5% 10%;
} 


#hero-header-background {
background: rgba(153, 209, 254, 0.48);
}

/*———-Product explanation ———-*/

#product-explanation {
margin: auto;
width: 50%;
padding: 15% 0 15% 0;
}

#product-explanation-text{
margin-bottom: 100px;
}

h2 {
margin-bottom: 5%;
}

/*———-How it works———-*/

#how-it-works {
background: #99D1FE78
; /* Old browsers */
background: -moz-linear-gradient(left, #99D1FE78 0%, #60b349 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #99D1FE78 0%,#60b349 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #99D1FE78 0%,#60b349 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#d5df44′, endColorstr=’#60b349′,GradientType=1 ); /* IE6-9 */
padding: 10%;
}

#how-it-works h2{
color:white;
}

.blurb {
float: left;
width: 28%;
color: white;
padding: 2%;
}

#blurb-columns {
margin-bottom: 30%;
}

#start-now {
padding-top: 80px !important;
}

/*———-As seen in———-*/

#as-seen-in {
	padding: 20% 0 20% 0;
}

/*———-FAQs———-*/

 
#faqs {
margin: 10% 25% 10% 25%;
}

.accordion__item {
width: 100%;
border-top: 1px solid #fff;
list-style-type: none;
background-color: #b7b7b7;
margin-bottom: 3%;
}

.accordion__item:first-child {
border: none;
}

.accordion__trigger {
display: block;
width: 100%;
padding: 5% 5% 5% 5%;
color: #fff;
background-color: #b7b7b7;
border: none;
cursor: pointer;
list-style-type: none;
}

.accordion__item.is-open .accordion__trigger {
color: #fff;
background-color: #b7b7b7;

}

.accordion__content {
background-color: #fff;
border: 1px solid #b7b7b7;

}

#faqs button:focus {outline:0;}

.accordion__content p {
margin: 0;
padding: 20px;
}

#faqs button {
font-size: 24px;
}


/*----------Footer----------*/

#footer {
background-color: #2b2d2e;
padding: 10%;
}

#footer p {
color: white;
}