/*Couldn't get local isntall of fonts to work'*/

/*@font-face {
    font-family: "Niconne", cursive;*/
    /*src: url(../fonts/MyCustomFont.ttf);*/ /*if IE */
    /*src: url("CustomFonts/Niconne-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Great Vibes', cursive;*/
    /*src: url(../fonts/MyCustomFont.ttf);*/ /*if IE */
    /*src: url('/Content/CustomFonts/GreatVibes-Regular.ttf') format('truetype');
}*/


div #div-background-img {
    background-image: url("BackgroundImages/bunting-background.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*https://css-tricks.com/rgba-browser-support/*/
div.transbox {
    /* margin: 30px;*/
    background-color: #ffffff;
    border: 1px solid black;
    /* opacity: 0.3;*/
    background: rgba(42, 74, 51, 0.5);
}
    div.transbox h1 {
        margin: 5%;
        /*font-weight: bold;*/
        color: rgb(252, 184, 184);
        /*opacity: 1;*/
        /*font-family: 'Great Vibes', cursive;*/
        font-family: "Niconne", cursive;
        font-size: 400%
    }
    div.transbox p {
        margin: 5%;
        /*font-weight: bold;*/
        color: rgb(255, 20, 20);
        /*opacity: 1;*/
        /*font-family: 'Great Vibes', cursive;*/
        font-family: "Roboto", "Cedarville Cursive", cursive;
        color: white;
    }
h2.custom-cursive{
    color: rgb(125, 24, 24);
    /*opacity: 1;*/
    /*font-family: 'Great Vibes', cursive;*/
    font-family: "Parisienne", cursive;
    font-size: 300%
}
h4.custom-cursive {
    color: rgb(125, 24, 24);
    /*opacity: 1;*/
    /*font-family: 'Great Vibes', cursive;*/
    font-family: "Parisienne", cursive;
    font-size: 300%
}

div.gallery-pics img{    
    padding: 5px
}


div.demo {
    padding: 10px !important;
}

p.left-align {
    text-align: left;
   /* background-color: rgb(252, 184, 184);*/
}

p.right-align {
    /*padding-right: 1px;
    background-color: rgb(252, 184, 184);*/
    text-align: right;
}
p.error-msg {
    color: red;
}

button.btn-default, input.btn-default {
    background-color: rgb(252, 184, 184);     
    margin-bottom: 20px;
}
button.btn-default:hover, input.btn-default:hover {
    background-color: rgb(125, 24, 24);
    color: white;
    margin-bottom: 20px;
}

/* input.btn-default {
    background-color: rgb(252, 184, 184);     
    margin-bottom: 20px;
}
input.btn-default:hover {
    background-color: rgb(125, 24, 24);
    color: white;
    margin-bottom: 20px;
} */