.button::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }

.button:active::before { padding: 1px 0 0; }

/**
.head
* Grey
*/
.button {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: white;
    border-bottom: solid 7px #b2b1b1;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    margin: 10px 15px 15px 10px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa; 
    min-height: 50px;
}

.button:hover {
    background: #eeeeee;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; 
    text-decoration: none;
    color:black;
}

.button:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;
}

.button p{
    margin: 0 0 5px;
    width: 80px;
}

.atriskbtn{
    color: #82da82;
}

.button.newbutton{
    color:#0d9de4;
}

.button.oldversion{
    color: #f1c633;
}
body{
    background-color:#d9edf7;
}
 #header{
    background: rgb(156,235,165);
background: linear-gradient(144deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 #titleBox {
box-shadow: 5px 5px 5px #555;
 }

 #cloud_section {
    background: rgb(156,235,165);
    background: linear-gradient(310deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 #oenroll_section {
    background: rgb(156,235,165);
    background: linear-gradient(230deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 #policy_section {
    background: rgb(156,235,165);
    background: linear-gradient(56deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 #reports_section {
    background: rgb(156,235,165);
    background: linear-gradient(127deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 #support_section, #claim_section {
    background: rgb(156,235,165);
    background: linear-gradient(127deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 #buttons {
    background: rgb(255,251,188);
    background: linear-gradient(127deg, rgba(255,251,188,1) 16%, rgba(255,255,255,1) 81%); 
 }

 #update_section {
    background: rgb(156,235,165);
    background: linear-gradient(56deg, rgba(156,235,165,1) 16%, rgba(56,161,105,1) 81%); 
 }

 .animate-bounce-slow {
    animation: bounce 3s infinite;

    @keyframes bounce {
        0%, 100% {
            transform: translateY(-25%);
            animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        }
        50% {
            transform: translateY(0);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
    }
 }

 .button {
    color: #333;
    background-color: white;
    border: 1px solid #ccc;
    border-bottom: 6px solid #777;
 }

 .more {display: none;}


 @media (max-width: 400px) {
    #phone, #email{
        border: none;
    }
 }

 @media (min-width: 435px) {
    #emailtext {
        font-size: 1.25rem;
    }
 }

 html,body{
    overflow-x: hidden;
}

.section {
   box-shadow: 0 -10px 15px -3px rgba(0,0,0,.1),
               0 -4px 6px -2px rgba(0,0,0,.05);
}