/* section background
/* -------------------------------------------------- */

#subheader{
background:url(../images/background/bg-subheader.jpg) top left fixed;
background-size:cover;
}

#fun-facts{
background:url(../images/background/bg-3.jpg) top left fixed;
background-size:cover;
}

#section-contact{ 
background:url(../images/background/bg-4.jpg) top left fixed;
background-size:cover;
}

#section-skill-bar{ 
background:url(../images/background/bg-8.jpg) top left fixed;
background-size:cover;
}

#info-address{background:url(../images/background/bg-3.jpg) top fixed;}
#logo-full{ background:#000; padding:60px 0 60px 0;}
#view-all-projects{background:#F06807; padding:60px 0 60px 0;}
#section-about{background:#f8f8f8; height:100%;}
#section-about .image-container{background:url(../images/background/bg-side-1.jpg);}


.dark #section-about{background:#222; height:100%;}
#section-welcome{background:url(../images/background/bg-5.jpg);}
#section-welcome-2{background:url(../images/background/bg-6.jpg);}
#section-welcome-3{background:url(../images/background/bg-7.jpg) top left;}
.dark #section-portfolio{background:#222;}

#section-testimonial{ background:url(../images/background/bg-2.jpg) top fixed;}

/* CUSTOM CSS BY KIICHI */
.generic h1 {
    text-align: left;
    margin-bottom:20px;
    margin-top:30px;
}

.generic img {
    /* width:300px; */
    height:300px;
    margin:5px 5px 5px 0px;
 
    /*Scale down will take the necessary specified space that is 100px x 100px without stretching the image*/
     object-fit:scale-down;
}

.article h1 {
    padding-top:30px;
}

.markmap > svg {
    width: 100%;
    height: 300px;
}

.post-image img {
    width:362;
    height:200px;

    /*Scale down will take the necessary specified space that is 100px x 100px without stretching the image*/
    object-fit:cover;

    border: 1px solid #333;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #222;
}

/* for article page, image wrap around */
.article p img {
    float:left;
    margin-right:20px !important;
    margin-bottom:20px !important;
    border: 1px solid #333;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #222;
}

.article p, .article h1, .article h2, .article h3 {
    clear:both;
    display:block;
}