/*
Theme Name: Mäki-Jaakkola
Theme URI: http://makijaakkola.fi
Author: Petri Mäki-Jaakkola
Author URI: http://makijaakkola.fi
Description: PMJ-theme using Bootstrap 3.3.0 framework
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

#home {
    background: url(./img/home.jpg) no-repeat fixed 50% 0%;
    background-size: cover;
    min-height: 700px;

}

h1, h2 {
    text-transform: uppercase;
}

h1 {
	margin-top: 35px;
    font-weight: 900;
}

h2 {
	margin-top: 30px;
    font-weight: 700;
    text-transform: none !important;
}

h3 {
	margin-top: 25px;
    font-weight: 600;
}

a.navbar-brand {
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Megrim", Helvetica;
    color: #6b6d6c;
}

.hero {
    margin-top: 110px;
}

.hero p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}

p.under-section-title {
    font-size: 18px;
    font-weight: 300;

    margin-bottom: 30px;
}

#services p.description, #works p.description {
    font-size: 15px;
    font-weight: 200;

}

#works p.description {

 }

.service-glyph {
    font-size: 120px;
    color: #b0b5b9;
}

#services h2 {
    font-size: 20px;
    color: #6b6d6c;
    font-weight: 100;
    margin-bottom: 20px;

}


.button-down {
    margin-top: 90px;
}

section {
    padding: 50px 0 90px 0;

}

.hero-text {
    color: #fff;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 3px;
    font-size: 60px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -2px;
    text-rendering: optimizelegibility;
}

@media (max-width: 600px) {

    .hero-text {
        font-size: 24px;
        line-height: 36px;
    }
}



h1.section-title {
    display: inline-block;
    background-color: #6b6d6c;
    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 40px;
}

#works {
    background: #efeff1;
    min-height: 600px;
    color: rgb(102, 102, 102);
}

#works h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
    margin-bottom: 20px;
    display: none;

}

#works p.description {
    max-width: 300px;
    display: block;
    margin: 10px auto;
    text-align: left;
    display: none;
}

#works img {
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 4px 0px;
    border-radius: 3px 3px 0 0;
    margin-top: 20px;
    transition-property: all;
    transition-duration: 0.5s;
}

#works img:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 16px 0px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 16px 0px;
}

#omakuva {
    width: 200px;
    margin: 20px auto;
}

#contact {
    background: #8b8a88;
    color: #FFF;
}

#contact a {
	color: #454746;
}

#contact textarea, #contact input[type="text"], #contact input[type="email"] {
    padding: 10px;
    border: none;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
}

footer {
    background: #6b6d6c;
    color: #FFF;
    padding: 10px;
  
}

html {
	background: #6b6d6c
}

#content {
	padding-bottom: 40px;
}

body {
	background: #FFF;
}

#sidebar ul {
    padding-left: 15px;
}

#sidebar {
    padding-top: 20px;
}

.caption {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
}

#comment {
	display: block;
}