body{
     background-image: url('/assets/images/background_castle2_1920.jpg'); 
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height:100vh;
    padding:0px;
    margin:0px;
    
}


.content-wrapper{
    margin-top:20px;
    width:90%;
    font-family: "Crimson Texts", serif;
    font-size:18px;
}

.tagline{
    font-family: "Crimson Texts", serif;
    font-size:30px;
    color: #28333b;
    margin-top:20px;
    line-height: 35px;
}

@media screen and (min-width:576px) {
     .tagline{
        font-family: "Crimson Texts", serif;
        font-size:50px;
        color: #28333b;
        margin-top:20px;
        line-height: 45px;
    } 
}



.intro{
    font-family: "Open Sans", sans-serif;
    color: #485158;
    margin: auto;
    padding:20px 0px;
}


.sign-up #fieldEmail{
    padding:8px 10px;
    border-radius: 20px;
    width:200px;
    border:1px solid #c0c0c0;
}


  .border-box{
        background-image: url("/assets/images/bottom-border.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;

        z-index: 3; 
        padding:20px; 
        background-color: rgba(255,255,255,.8);    
        box-sizing: border-box; 
        box-shadow: 0px 0px 20px 5px #00000049; 
        border-radius: 5px;
        margin:0px 20px;
        position: relative;
        top:20px;
    }



@media screen and (min-width:576px) {
    .border-box{
        overflow: auto;
        background-image: url("/assets/images/bottom-border.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;

        z-index: 3; 
        padding:20px; 
        background-color: rgba(255,255,255,.8);  
        position: absolute; 
        width:80%;  
        height: 80vh; 
        margin:10vh 10vw;  
        box-sizing: border-box; 
        box-shadow: 0px 0px 20px 5px #00000049; 
        border-radius: 5px;

    }
}


#subForm{
    display: flex;
    margin:auto;
    align-items: center;
    justify-content: center;
    gap:10px;
    padding-bottom: 40px;
}


.btn{
    background-color: #1e3d58;
    color:#fff;
    border:0px;
    height:33px;
    border-radius: 20px;
    padding:0px 20px;
    cursor: pointer;
    display: inline-block;
    line-height: 33px;
    text-decoration: none;
    font-weight: 200;
    font-family: "Open Sans";
}