/* Shared */
.button {
border-radius: 10px;
}


nav {
float: center;
padding: 0px;		
}

#menu-icon {
display: hidden;
width: 40px;
height: 40px;
background: #282828 url('../images/menu-icon.png') center;
}

a:hover#menu-icon {
background-color: #444;
border-radius: 1px 1px 0 0;
}

ul {
list-style: none;
}

li {
display: inline-block;
padding: 2px
}

/* Sections */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;

}
.section-heading-footer {
  margin-bottom: .1rem;

}

.rcorners1 {
  border-radius: 20px;
/* offset-x | offset-y | blur-radius | color */
  box-shadow: 4px 4px 9px 4px #5c5c5c; 
  margin: 10px;  
}

/* Hero */
.hero {background: #efebe7;}

/* Values */
.values {
background-image: url('https://www.letsgalavant.com/cgi-bin/rand_image.pl');
color: #fff;
  padding-bottom: 3rem;
}

.values-main {
background-image: url('https://www.letsgalavant.com/images/beach_duo1-1.png');
color: #fff;
  padding-bottom: 3rem;
}

.values-verify {
    background-image: url('https://www.letsgalavant.com/images/beach_duo1-1.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 1.5rem;

}

.values
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: 1;
  font-weight: 500;

}

/* Help */
.get-help {
background-color: #efebe7;
  border-bottom: 1px solid #ddd;
}

/* Categories*/
.categories {
  background-color: #464646;
  background-size: cover;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

/* Float */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#30c0f6;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}
.float:hover{
    background-color:#304cf6;
}

.my-float{
	margin-top:11px;
	margin-bottom:2px;
}

}

/*MEDIA QUERY*/
@media only screen and (max-width : 750px) {

#menu-icon {
display:inline-block;
}

nav ul, nav:active ul { 

display: none;
position: absolute;
padding: 0px;
background: #efebe7;
border: 5px solid #444;
right: 5px;
top: 150px;
width: 40%;
border-radius: 4px 0 4px 4px;

}

nav li {
text-align: center;
width: 100%;
padding: 5px 0;
margin: 0;

}

nav:hover ul {
display: block;
z-index: 1;

}
}

.subheading {
    background: #efebe7;
    padding-bottom: 30px;
    padding-top: 20px;
    margin-top: -20px;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 12rem 0 11rem;
  }

  .hero {
    padding-bottom: 10rem;
    text-align: left;
    height: 75px;

  }
  .hero-heading {
    font-size: 5rem;
    text-align: center;
    background: #efebe7;
  }

}


/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 100px;
  }
  .hero-heading {
    font-size: 5rem;
    text-align: center;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 6rem 0 4rem;
  }
  .section-description {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .categories {
    padding: 8rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 10rem 0 8rem;
  }
.hero {
    padding: 13rem 0 10rem;
  }

  .hero-heading {
    font-size: 6.0rem;
    text-align: center;
  }


}