/******************************************************************************
* Title: styling.css
* Author: Hunter Schoonver ~ Web Designer ~ hunter@skoonie.com
* 
* Purpose:
* 
* This cascading stylesheet provides styling for the sell your car page.
*
* Example usage:
* 		<link rel="stylesheet" href="styling.css">
*
*/

/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* CONTENT SECTION -- Styling for the content section */

#contentContainer {
    width: 100%;
    max-width: 800px;
    display: inline-block;
    padding: 40px 10px;
    text-align: left;
}

form {
    width: 100%;
    max-width: 600px;
    color: rgb(85, 85, 85); 
    font-size: 20px;
    padding: 20px 0 0 0;
}

.input {
    width: 100%;
    background: rgba( 255, 255, 255, 0.3 );
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px;
}
.input:hover {
    background: #fff;
    border-color: #000;
}

#messageInput {
    height: 200px;
    max-height: 200px;
    resize: none;
}

#sellCarTitle {
    color: rgb(76, 76, 76); 
    display: inline-block;
    font-family: "Open Sans", sans-serif; 
    font-size: 100px;
    margin: 0;
    padding: 0 0 40px 0;
    text-align: left;
    vertical-align: top;
}

#userEmail {
    display: none !important;
}

#text {
    color: rgb(85, 85, 85); 
    font-size: 20px;
}

/* Styling for when narrower than 550px */
@media (max-width: 550px) {
    
    #sellCarTitle {
        font-size: 50px !important;
    }
    
    #text {
        font-size: 18px;
    }
    
}

/* Styling for when narrower than 900px */
@media (max-width: 900px) {
    
    #sellCarTitle {
        font-size: 70px;
    }
    
}

/* end of CONTENT SECTION */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */