/*--------------------------------------------------------------
Date created: 14.7.2014.
Description: Contact css.
Author: Mićko.
--------------------------------------------------------------*/



/*------------------------------------------------------------*/
/*--------------------------- ABOUT --------------------------*/
/*------------------------------------------------------------*/

#contactBody { background-image: url("../../images/background/exe4u_contact.jpg"); }

#contactLogo {
    display: block;
    width: 14em;
    height: 14em;
    margin: 10em auto 1em auto;
}

#contact .columnText p {
    text-align: left;
}

.contactTextLeft {
    float: left;
    width: 32%;
}

#map .columnText .columnText {
    text-align: center;
}

#contactForm {
    display: block;
    width: 80%;
    height: 36%;
    margin: 0 auto;
    padding: 0;
}

.contactInput, #contactMessage {
    font-size: 20px;
    line-height: 1.5em;
    text-indent: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #fff;
    border-radius: 2px 2px 0 0;
}

.contactInput {
    float: left;
    width: 30%;
    height: 24%;
    margin: 0 0 2% 0;
}

#contactMessage {
    float: right;
    max-width: 68%;
    min-width: 68%;
    max-height: 85%;
    min-height: 85%;
    margin-bottom: 2%;
    /*padding-bottom: 3px;*/
}

.contactInput:focus, #contactMessage:focus {
    outline: none;
    background-color: rgba(255, 255, 255, 0.15);
}

#contactSendButton {
    width: 100%;
}

#contactSendButton:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

#questionMark {
    position: absolute;
    top: 1.35em;
    left: 0.95em;
    font-size: 0.4em;
}


/*------------------------------------------------------------*/
/*----------------------- RESPONSIVNES -----------------------*/
/*------------------------------------------------------------*/

@media screen and (max-device-width: 1023px) and (orientation : landscape),
		  (max-width: 1023px) and (orientation : landscape),
		  (orientation : portrait) {

    .contactInput, #contactMessage {
       font-size: 1.5em;
    }
}