html,body{ /*html for FF Moz NS7 OP */
    font-family: 'Open Sans', sans-serif;    
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
    color: #606060; 
}

.container-fluid {
    padding: 0 !important;
}

.col-sm-2 {
    padding: 5px !important;
}

.top-header {
    height: 61px;
    background-color: #DDD3E3;
    font-size: 18px;
    color: #FFFFFF; 
    width: 100%;
}

    .order {
        height: 60px;
        text-align: center;
        vertical-align: center;
        padding-top: 10px;
    }

    .order p { 
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);    
    }

.gradient {
    background: #e796c4; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e796c4 20%, #9cb9dc 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e796c4 20%,#9cb9dc 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e796c4 20%,#9cb9dc 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e796c4', endColorstr='#9cb9dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.header {
    height: 180px;
    width: 100%;
}

.parallax { 
    background-image: url("img_parallax.jpg");
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logo {
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}


.navigation {
    height: 40px;
    font-size: 15px;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
}

    .navigation a {
        color: #606060; 
    }

.slider {
    background-image: url("../images/slide1.jpg");
    background-repeat: no-repeat; 
    height: auto;
    min-height: 550px;
    position: relative;
    background-position: 50%;
    
}

    .slider_boy {
        background-image: url("../images/items/boy/boy.jpg");
        min-height: 370px;
    }
    
    .slider_girl {
        background-image: url("../images/items/girl/girl.jpg");
        min-height: 370px;
    }

    .slider_twins {
        background-image: url("../images/items/twins/twins.jpg");
        min-height: 370px;
    }
        
    .slider_mum {
        background-image: url("../images/items/mum/mum.jpg");
        min-height: 370px;
    }
        
@media only screen and (min-width: 768px) {
    
    .slider_text {
        font-size: 72px;
        font-style: italic;
        color: #FFFFFF; 
        width: 700px;
        text-align: center;
        bottom: -350px;
        left: 32%;
        line-height: 85px;
    }
    
    
    .slider_text_items {
        bottom: -150px; 
        font-weight: 100;
        left: 22%;
        font-size: 38px;
        text-align: right;
        line-height: 45px;
    }

    .slider_paragraph { 
        float: center; 
        padding-top: 73px;
    }
}
    
@media only screen and (max-width: 768px) {
        
    .slider_text {
        font-style: italic;
        color: #FFFFFF; 
        width: 50%;
        text-align: center;
        margin-bottom: 20px;
        margin: 0 auto;
        font-size: 25px;
        margin-top: 400px;
    }

    .slider_text_items {
        bottom: -150px; 
        font-weight: 100;
        font-size: 25px;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        margin-top: -50px;
    }
}
    

.slider_about {
    background-image: url("../images/about/stripesBG.jpg");
    background-repeat: no-repeat; 
    height: auto;
    min-height: 370px;
    position: relative;
    background-position: 50%;
    line-height: 370px;
}

    .slider_text_about {
        font-size: 72px;
        font-style: italic;
        color: #FFFFFF; 
        width: 700px;
        text-align: center;
        vertical-align: center;
        height: 370px;
        left: 32%;
    }

.about_p {
    margin-top: 40px; 
    width: 85%;
    color: #606060;
    font-size: 14px;
    line-height: 30px;
}

.contact_p {
    width: 83%;
    color: #606060;
    font-size: 14px;
    line-height: 30px;
}

.dotted {
    background-image: url("../images/dotted_line.png");
    height: 3px;
}

.main { 
    background-image: url("../images/pattern.jpg");
    background-repeat: repeat;
    min-height: 650px;
}

    .main_items { 
        background-image: url("../images/pattern.jpg");
        background-repeat: repeat;
        min-height: 350px;
    }

    .img {
        min-height: 310px;
        height: auto;
        background-repeat: repeat-x;  
        margin: auto;
        margin: 40px 0 0 0;
        background-position: 50%;
    }

        .img_boy {
            background-image: url("../images/its-a-boy.png");
        }

        .img_girl {
            background-image: url("../images/its-a-girl.png");
        }

        .img_twins {
            background-image: url("../images/its-twins.png");
        }

footer {
    background-color: #DDD3E3;
    color: #606060;
    display: block;
    width: 101%;
}
    footer a {
        display:block;
        font-style: italic;
    }
    
    footer a, a:hover, a:active, a:visited, a:focus {
        text-decoration: none;
    }

    .footer_text {
        font-size: 14px;
        width: 250px;
        line-height: 34px;
    }
    
    .footer_title {
        padding-top: 35px;
        margin-bottom: 25px;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
    }

    .footer_text .inline {
        display: block;
    }
    
    .footer_text .strong {
        font-weight: 600;
        display: inline;
    }

    .footer-bottom-block {
        margin-top: 100px;
    }

    .footer_link {
        text-decoration: underline;
        font-style: italic;
        line-height: 34px;
        font-weight: 600;
    }

h1 {
    font-weight: 700;
    color: #606060;
}

h2 {
    font-weight: 100;
    color: #606060;
    font-size: 18px;
    font-style: italic;
}

h3 {
    font-weight: 300;
    color: #606060;
}

h4 {
    font-weight: 100;
    color: #fff;
    font-size: 25px;
}

.copyright {
    height: 40px;
    margin: 0 auto;
    padding-top: 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}


.category_text {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
}

    .category_title {
        margin-top: 10px;
    }

    .boy_text {
        color: #9cb9dc
    }
    
    .girl_text {
        color: #e796c4;;
    }
        
    .twins_text {
        color: #ccba86;
    }
    
    .neutral_text {
        color: #606060;
    }
    
.category_image {
    margin: 0 auto;
	display: block;
}

.items {
    margin-top: 100px;
    margin-bottom: 100px;
}

    .item {
        background-color: #fff;
        height: 550px;
        width: 350px;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(194,192,194,0.7);
        -moz-box-shadow: 2px 2px 4px 0px rgba(194,192,194,0.7);
        box-shadow: 2px 2px 4px 0px rgba(194,192,194,0.7);
        margin-bottom: 20px;
    }
    
        .item_img {
            height: 453px;
            width: 340px;
            margin: 0 auto;
            padding: 10px;
        }
        
@media only screen and (min-width: 768px) {

        .item_img_full {
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto;
            padding: 10px;
        }
        
        .item_text {
            margin: 0 auto;
            display: block;
            font-weight: 700;
            text-align: center;
            padding-top: 5px;
            letter-spacing: 1px;
        }
        
        .item_text_lightbox {
            font-weight: 700;
            text-align: left;
            margin-top: 10px;
        }   

    .linkimg {
        background-repeat: no-repeat;  
        margin-left: 1px;
        margin: 0 auto;
        margin: 30px 0 60px 0;
    }

    .linkimg img {
        margin: 0 auto; 
        display: block;
    }

    .large_text {
        font-size: 24px;
    }

    .medium_text {
        font-size: 18px;
    }
}
  
@media only screen and (max-width: 768px) {
                
            .item_text {
                margin: 0 auto;
                display: block;
                font-weight: 700;
                text-align: center;
                padding-top: 5px;
                letter-spacing: 1px;
            }
                
            .item_text_lightbox {
                font-weight: 700;
                text-align: left;
                margin-top: 10px;
            }
            
            .item_text_left {
                width: 100%;
            }
            
            .item_text_right {
                width: 100%; 
                margin-top: 50px; 
            }

        .large_text {
            font-size: 15px;
        }
        
        .medium_text {
            font-size: 18px;
        }

        .linkimg {
            display: flex;
            margin: 0 auto;
            height: 95%;
            width: 95%;
            background-repeat: no-repeat;  
            margin-top: 30px;
        }
    
        .linkimg a {
            margin: 0 auto;
            max-width: 100%;
            max-height: 100%;
        }
        
    .footer_text {
        font-size: 14px;
        width: 91%;
        line-height: 34px;
    }
        .footer_title {
            padding-top: 35px;
            margin-bottom: 25px;
            margin-left: 30px;
            font-style: normal;
            font-weight: 300;
            font-size: 16px;
        }
    
    }