body {
    margin:0;
}
/*HEADER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header {
    width:90%;
    height:150px;
    margin:0px 18% 0px 18%;
    float:center;
}

.header .logo {
    width: 32%;
    height: 140px;
    margin: 20px 0px 0px 0px;
    float: left;
    /*
    background-image:url(../images/logo2.png);
    background-size:contain;
    background-repeat:no-repeat;  
*/
}


.header .logo img {
    width: 100%;
}
.header .spacer {
    width:18%;
    float:left;
    margin: 10px 5px 0px 0px;
}
.header .menu {
    width:35%;
    float:left;
    margin: 20px 5px 0px 0px;
}
.header .menu ul a { 
    text-decoration: none; 
}
.header .menu ul a:visited { 
    text-decoration: none; 
}
.header .menu ul li {
    list-style:none;
    display:inline;
    padding:10px;
    margin: 0px 0px 0px 0px;
    line-height:250%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1.1em;
    font-weight: 200;
    font-style: normal;
    float: left;
}
.header .menu ul li.portfolio {
    list-style:none;
    display:inline;
    padding:10px;
    margin: 0px 0px 0px 0px;
    line-height:250%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1.1em;
    font-weight: 400;
    font-style: normal;
    float: left;
}
.header .menu ul li.about {
    list-style:none;
    display:inline;
    padding:10px;
    margin: 0px 0px 0px 0px;
    line-height:250%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1.1em;
    font-weight: 400;
    font-style: normal;
    float: left;
}

.header .menu a:visited, a:hover, a:focus {
    text-decoration: none;
    color: #000;
}

/*PORTFOLIO PAGE BODY~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.body {
    width:70%;
    height:650px;
    float:left;
    margin:0px 18% 0px 18%;
}
.body h2 {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1.4em;
    font-weight: 400;
    line-height:0%;
    font-style: normal;
    float: left;
}
.body p {
    width: 90%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight: 200;
    font-style: normal;
    float: left;
}
/* .body .desc p {
    width: 90%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight: 200;
    font-style: normal;
    float: left;
    text-align: center;
} */
.body .row1 {
    height:31%;
    margin:0px 0px 20px 0px;
    padding:10px;
}
.body .row1 .i1 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 20px 20px 0px;
}
.body .row1 .i2 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 0px 20px 0px;
}
.body .row1 .i3 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 0px 20px 20px;
}
.body .row2 {
    height:31%;
    margin:0px 0px 20px 0px;
    padding:10px;
}
.body .row2 .i1 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 20px 20px 0px; 
}
.body .row2 .i2 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 0px 20px 0px;
}
.body .row2 .i3 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 0px 20px 20px;
}
.body .row3 {
    height:31%;
    margin:0px 0px 20px 0px;
    padding:10px;
}
.body .row3 .i1 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 20px 0px 0px;
}
.body .row3 .i2 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 0px 0px 0px;
}
.body .row3 .i3 {
    width:31%;
    height:100%;
    float:left;
    margin:0px 0px 0px 20px;
}

/*ABOUT PAGE BODY~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.body .contact {
    width:70%;
    padding:10px;
    margin: 20px 20px 20px 20px;
}
.body .contact p {
    padding:10px;
    margin: 0px 0px 0px 0px;
    line-height:110%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:.8em;
    font-weight: 200;
    font-style: normal;
    float: left;
}
.body .contact h2 {
    padding:10px;
    margin: 0px 0px 0px 0px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight: 400;
    font-style: normal;
}

/*FOOTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footer {
    width:70%;
    height:200px;
    padding:60px 0px 0px 0px;
    float:left;
}
.footer p {
    margin: 0px 50% 0px 65%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size:.9em;
    letter-spacing:0.4px;
    font-weight: 200;
    font-style: normal;
    line-height:0%;
    float:center;
}


/*MEDIA QUERY~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media only screen and (max-width:1000px) {

    .header {
        width:90%;
        height:100px;
        margin:0px 5% 0px 5%;
        float:center;
    }
    .header .logo {
        width: 37%;
        height: 120px;
        margin: 20px 5px 0px 20px;
        float: left;
        /*
        background-image:url(../images/logo2.png);
        background-size:contain;
        background-repeat:no-repeat;  
    */
    }
    .header .spacer {
        width:12%;
        float:left;
        margin: 10px 5px 0px 20px;
    }
    .header .menu {
        width:37%;
        float:left;
        margin: 10px 20px 0px 20px;
    }
    .header .menu ul li {
        list-style:none;
        display:inline;
        padding:10px;
        margin: 0px 0px 0px 0px;
        line-height:250%;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        font-size:1.1em;
        font-weight: 200;
        font-style: normal;
        float: left;
    }
    .header .menu ul li.portfolio {
        list-style:none;
        display:inline;
        padding:10px;
        margin: 0px 0px 0px 0px;
        line-height:250%;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        font-size:1.1em;
        font-weight: 400;
        font-style: normal;
        float: left;
    }
    .body {
        width:90%;
        height: 500px;
        float:left;
        margin:0px 5% 0px 5%;
    }
    .body .row1 {
        height:31%;
        margin:0px 0px 5px 0px;
    }
    .body .row2 {
        height:31%;
        margin:0px 0px 5px 0px;
    }
    .body .row3 {
        height:31%;
        margin:0px 0px 5px 0px;
    }
    .footer {
        width:58%;
        height:100px;
        padding:60px 0px 0px 0px;
        float:left;
    }

}

/*END MEDIA QUERY*/