* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


html, 
body {
    height: 100%;
    background-color: #FEC606;
    -webkit-box-shadow: inset 0px 0px 100px 70px rgba(0,0,0,0.15); 
    box-shadow: inset 0px 0px 100px 70px rgba(0,0,0,0.15);
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {  }

.page {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu {
  background-color: #5995DA;
  height: 80px;
}

.header {
  max-width: 100%;
}

.content a{
  width: 15%;

}

.sign-up {
  background-color: #D6E9FE;
}

.feature-1 {
  background-color: #F5CF8E;
}

.feature-2 {
  background-color: #F09A9D;
}

.feature-3 {
  background-color: #C8C6FA;
}
.button {
  border-radius: 50%;

  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  align-content: center;
  width: 100%;
  background-color: transparent;
  transition: all 0.3s ease 0s;
}

.button:hover, .button:focus, .button:active {
color: grey !important;
background-color: rgba(255, 255, 255,.3);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transform: scale(1.2); 
transition: all 0.3s ease 0s ;


}


/* Mobile Styles */
@media only screen and (max-width: 400px) {
  body {
 /* Red */
  }
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
  .sign-up,
  .feature-1,
  .feature-2,
  .feature-3 {
    width: 50%;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  .page {
    width: 33%;
    margin: 0 auto;
  }
  .feature-1,
  .feature-2,
  .feature-3 {
    width: 33.3%;
  }
  .header {

  }
}