/*
*
*  _____    _ _                 _   _  _     _    _ _               _   ___ 
* |_   _|__| | |___ _ _ _  _ __| | | || |___| |__| (_)_ _  __ _    /_\ / __|
*   | |/ _ \ | / -_) '_| || / _` | | __ / _ \ / _` | | ' \/ _` |  / _ \\__ \
*   |_|\___/_|_\___|_|  \_,_\__,_| |_||_\___/_\__,_|_|_||_\__, | /_/ \_\___/
*                                                         |___/             
*/

/* ===== CORE CSS ===== */
@import url(bootstrap.css);

/* ===== TYPOGRAPHY ===== */
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

/* ===== MAIN STYLES ===== */

body {
    color: #4F5A63;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 2.25em;
}

a {
    color: rgb(147, 147, 0);
}

a:hover {
    text-decoration: none;
    color: rgb(203, 203, 0);
}

p {
    margin: 0 0 25px;
}

.text-muted {
	color: #ccc;
}

.alert-message {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

.alert-message h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.alert-message p:last-child {
    margin-bottom: 0;
}

.alert-message code {
    background-color: #fff;
    border-radius: 3px;
}

.alert-message-success {
    background-color: #F4FDF0;
    border-color: #3C763D;
}

.alert-message-success h4 {
    color: #3C763D;
}

.alert-message-danger {
    background-color: #fdf7f7;
    border-color: #d9534f;
}

.alert-message-danger h4 {
    color: #d9534f;
}

.alert-message-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}

.alert-message-warning h4 {
    color: #f0ad4e;
}

.alert-message-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

.alert-message-info h4 {
    color: #5bc0de;
}

.alert-message-default {
    background-color: #EEE;
    border-color: #B4B4B4;
}

.alert-message-default h4 {
    color: #000;
}

.alert-message-notice {
    background-color: #FCFCDD;
    border-color: #BDBD89;
}

.alert-message-notice h4 {
    color: #444;
}

.display-table {
    display: block;
}

.table-top {
    vertical-align: top;
}

.table-bottom {
    padding-top: 200px;
    vertical-align: bottom;
}

.table-cell {
    display: table-cell;
}

@media (min-width: 768px) {
    .display-table {
        display: table;
        width: 100%;
    }

    .table-bottom {
        padding-top: 0;
    }
}

.whole {
    margin: 0;
}

.half {
    padding: 0;
}

.about, .contact {
    padding: 25px;
    height: auto;
}

.about {
    background: black url(../img/bg.jpg) center center;
    background-size: cover;
    box-shadow: inset 0px -400px 500px -200px rgba(0, 0, 0, 0.75);
}

.about .me {
    text-align: left;
}

.about .me h1 {
    color: #DCE3EF;
    line-height: 1.5em;
    font-size: 2em;
    font-family: "PT Serif",Georgia,Times,Times New Roman,serif;
}

/*.about .me h1:after {
    content: " ";
    border-top: 3px solid yellow;
    width: 100px;
    display: block;
    margin: 15px 0 25px;
}*/

.about .me p {
    font-size: 1.25em;
    color: #6B7674;
    line-height: 1.625em;
}

.about .logo {
    display: table-header-group;
}

.about .logo img {
    height: 50px;
}

@media (min-width: 768px) {
    .about, .contact {
        padding: 75px;
        height: 100vh;
    }
    
    .about .me h1 {
        font-size: 3.125em;
    }
}

.contact {
    background: white;
    margin-top: 0;
    overflow-y: scroll;
    position: initial;
}

.contact h2 {
    font-family: "PT Serif",Georgia,Times,Times New Roman,serif;
    font-weight: 300;
}

.contact h2:after {
    content: " ";
    border-top: 3px solid yellow;
    width: 100px;
    display: block;
    margin: 15px 0 25px;
}

.contact h2 > small {
    margin-top: 7px;
    color: #999;
}

.contact h2 > small > a {
    color: #999;
}

.contact h2 > small > i {
    font-size: 0.75em;
}

.contact hr {
    margin: 50px 0;
}

.contact #success, .contact #error {
    display: none;
}

.contact .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    height: auto;
    padding: 25px 100px 25px 0;
    font-size: 1em;
    font-weight: 300;
    box-shadow: none;
    line-height: 1.75em;
    margin: 0;
    box-shadow: none;
}

.contact form label.error {
	font-weight: normal;
	color: darkred;
    font-size: 0.75em;
    font-style: italic;
}

textarea.form-control {
    resize: none;
    border-bottom: none !important;
}

.btn {
    padding: 20px 40px;
    margin: 0;
    border-radius: 0;
    border: 4px solid #eee;
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: 700;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}