/*---------------------------------*/
/* BASIC SETUP*/
/*---------------------------------*/

html,
body {
    background-color: #000;
    color: darkslategrey;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    margin:0;
    padding:0;
}

footer{
    margin: 10px;
    font-size: 10px;
    display: block;
}

/*---------------------------------*/
/*--REUSABLE COMPONENTS--*/
/*---------------------------------*/

.row{
    max-width: 100%;
    margin: 0 auto;
    max-height: 100%
}

section{
    max-width: 100%;
}

.albums a{
    text-decoration: none;
    color: #fff;
}

/*---------------------------------*/
/*--Header--*/
/*---------------------------------*/

.hero-img {
    background-image: url(img/jhb-min.jpg);
    background-size: cover;
    background-position: center;
    height: 85vh;
    width: 100%;
    background-attachment: fixed;
    color: white;
}

.lens{
    width: 100px;
    height: auto;
    border: none;
}

.name{
    color: #ffffff;
    text-align: center;
    padding-top: 170px;
    font-family: 'Kalam', cursive;
}

/*---------------------------------*/
/*--paragraphs--*/
/*---------------------------------*/
.text-desc{background-color: rgba(127, 237, 220, 0.42);
background-image: url(img/Arb-003-edit-min.jpg);
background-size: cover;
background-position: center;
height: 65vh;
width: 100%;
padding-top: 5%;}

.long-text{
    padding: 20px;
    color: black;
}

/*---------------------------------*/
/*--Footer--*/
/*---------------------------------*/
.calvin {
    text-align: right;
}

/*---------------------------------*/
/*--Albums--*/
/*---------------------------------*/

.albums-one {
    background-image: url(img/Background%201-min.JPG);
    background-size: cover;
    background-position: center;
    height: 93vh;
    width: 100%;
    background-attachment: fixed;
}

.albums-two {
    background-image: url(img/Background-2-min.jpg);
    background-size: cover;
    background-position: center;
    height: 93vh;
    width: 100%;
    background-attachment: fixed;
}

.albums-one a, .albums-two a{color: darkslategrey;
font-family: 'Kalam', cursive;}

.pic-album{
    width: 100%;
    height: auto;
}

.general, .portraits{margin-top: 50px;}

.events, .products{margin-top: 100px;}

.corporate, .property{margin-top: 150px;}

.golf, .studio {margin-top: 250px;}

.models, .wedding {margin-top: 350px;}

img {border: 2px;
border-style: solid;
color: #fff;}


/*---------------------------------*/
/*--Contact--*/
/*---------------------------------*/

.contact{
    background-image: url(img/Contact-min.JPG);
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
}

.contact-us{
    padding-top: 100px;
}

textarea{
    width: 250px;
}