/* Main CSS - Styles for Portofino Craft
// ------------------------------------
// Author: Roman Leinwather
// Created at: 01/01/2015
// Copyright 2014 - All rights reserved
// ------------------------------------ */

/* Typography
// ------------------------------------
// Primary Fonts    : Helvetica Neue, Georgia
// Secondary fonts  : Helvetica, Arial, Times, Times New Roman

// ------------------------------------ */


body {
    font-family: Arial;
    font-size: 13px;
    color: #666;
    -webkit-text-size-adjust: 250% !important;
}

h2 {
    font-family: "Helvetica Neue", Arial;
    font-size: 30px;
    font-weight: 100;
}

h3 {
    font-size: 11px;
    font-weight: 100;
    text-transform: uppercase;
    opacity: .7;
}

.block {
    margin-bottom: 50px;
}

.half {
    float: left;
    width: 40%;
    padding: 0 5%;
}

/* Page specific */

#page {
    max-width: 980px;
    padding: 0 50px 50px 50px;
    margin: auto;
}

footer {
    border-top: 1px dotted #999;
    padding-top: 5px;
    color: #999;
}

#top a {
    display: block;
    background: url(../images/pc.png) 0 0 no-repeat;
    width: 300px;
    height: 300px;
    margin: auto;
    opacity: .8;
}

#top h1 { 
    margin: 0px;
}

#product_lines {
    background: url(../images/produc_lines.png) bottom left no-repeat;
    height: 420px;
}

#sale p {
    width: 75%;
    margin-bottom: 40px;
}

.button {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

.button:hover {
    background: #000;
}

.button .price {
    background: #fff;
    color: #333;
}

.button .price, .button .notiffy {
    padding: 10px 20px;
    text-align: center;
    float: left;
}

#sale .button {
    margin-bottom: 40px;
}

form {
    display: none;
    width: 100%;
    float: left;
}

form input {
    padding: 10px 20px;
    border: 1px solid #000;
    font-size: 11px;
}

#emailTxtField {
    border: none;
    background: #fff;
    width: 49%;
}

#contactSubmitBtn {
    border: none;
    background: #000;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
}

.thank-you h2 {
    text-align: center;
    margin-bottom: 400px;
}

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

@media only screen and (max-device-width: 599px) {
    .half {
        width: 100% !important;
        padding: 0px !important;
    }
    #sale p {
        width: 100% !important;
    }
    #product_lines {
        height: 0px !important;
    }
    .button {
        width: 100% !important;
    }
    .button .price, 
    .button .notiffy {
        padding:50px 70px !important;
    }
    .block { 
        margin-bottom: 0px;
    }
    #emailTxtField,
    #contactSubmitBtn {
        padding:50px 70px !important;
        width: 84%;
    }
}