body { 
    background: #FBF7F9; 
    background-image: url("../imgs/cute-clouds-small.png");
    background-repeat: repeat;
    color: rgba(0,0,0,0.87); 
    font-family: Roboto, Helvetica, Arial, sans-serif; 
    margin: 0; 
    padding: 0; 
}

#invite { 
    background: #F2E8ED; 
    width: 80%;
    max-width: 850px; 
    margin: 50px auto 16px; 
    padding: 32px 24px; 
    border-radius: 3px; 
    position: relative;
}

#invite #button { 
    display: block;
    width:80px;
    margin: auto;
    text-align: center; 
    background: #a0788c; 
    text-transform: uppercase; 
    text-decoration: none; 
    color: white; 
    padding: 8px; 
    border-radius: 4px; 
    transition: box-shadow 0.3s ease;
}

#invite #button:hover { 
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

#invite #button::after { 
    background: #fff; 
}


#registry{
    text-align:center;
    margin: 50px 0 20px 150px;
}

#registry #registrytitle {
    color: rgba(0,0,0,0.6); 
    font-size: 72px; 
    margin: 0px 0px 10px 0px;
}

#westCoast {
    display: inline-block;
    vertical-align: top;
    max-width:200px;
    margin: 8px 20px 0px 0px;
}

#amazon {
    display: inline-block;
    vertical-align: top;
    max-width:150px;
}


label {
    text-align: center;
    margin: 10px 0 0 0;
}

.input-number {
    text-align: center; 
}

.text-box {
    padding: 0;
    margin: 20px 0 0px 0;
}

.btn-rsvp-submit {
    background-color: #a0788c !important;
    color: white !important;
}

#rsvp-success, #rsvp-success2 {
    display: block;
    text-align:center;
}

#invite, #invite #button { 
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
}

@media (max-width: 800px) {
    body, #invite { 
        margin-top: 0; 
        background: #F2E8ED; 
        box-shadow: none; 
    }

    #invite {  
        width: 100%;
    }
    
    body { 
        border-top: 16px solid #a0788c; 
    }

    #registry {
        text-align:center;
        margin: 50px 0 20px 0px;
    }

}

@media (max-width: 600px) {
    

    #registry img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #westCoast {
        max-width:200px;
    }
    
    #amazon {
        max-width:150px;
    }
}