/***************************************FONTS*******************************************/

/****************************************************************************************
***********************************TABLE OF CONTENTS*************************************
*****************************************************************************************
FILES:
	1.
*****************************************************************************************
COLORS USED:
	Hex:


	RGB(a):


	HSL/HSV


	CSS:

*****************************************************************************************
STYLES:
	Eric Meyer's Full Reset "https://meyerweb.com/eric/tools/css/reset/"
*****************************************************************************************
*****************************************************************************************
    Author: Colton LaChance
*****************************************************************************************
*****************************************************************************************
*****************************************************************************************/


/*-----------------Html & Body----------------*/


/*----------------Headers & Emphasis Tags----------------*/


/*----------------------Navbar-------------------*/
#dream-scape-nav .navbar-nav #info a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
    opacity: 1;
}

/*----------------Main Content; Sections & Related----------------*/

#contact-form {
    padding-bottom: 150px;
}

.emailConfirm {
	display: none;
}

.error {
	font-size: clamp(11px, 4vw, 14px)!important;
	color: red;
	margin-left: 10px;
}



/*-----------------------Misc Elements-------------------------*/



/*----------------Footer----------------*/

/*----------Bootstrap Override--------*/

/*------------Media Queries--------------*/

@media only screen and (min-width: 0) {
    #contact-form {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) {
    #contact-form {
        padding-right: 0;
        padding-left: 0;
    }
}


@media only screen and (min-width: 992px) {
    #contact-form {
        padding-right: 10%;
        padding-left: 10%;
    }
}


@media only screen and (min-width: 1200px) {
    #contact-form {
        padding-right: 15%;
        padding-left: 15%;
    }
}

@media (min-width: 1500px) {
    #contact-form {
        padding-right: 20%;
        padding-left: 20%;
    }
}

@media (min-width: 1920px) {
    #contact-form {
        padding-right: 25%;
        padding-left: 25%;
    }
}

@media (min-width: 2200px) {
    #contact-form {
        padding-right: 35%;
        padding-left: 35%;
    }
}