body {
    background-color: rgb(54, 54, 54);
    color:rgb(173, 103, 56);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;

}

/* HEADER */

    header {
    background-image: url("images/standing.png");
    background-color: rgb(173, 103, 56);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px;
    text-align: left;
    height: 750px;
    font-size: 70px;

}   

header .logo a {
background-image: url(images/ings\ blob\ black.png);
background-size: 70px;
background-repeat: no-repeat;
width: 70px;
display: inline-block;
height: 70px;
text-indent: -999999999px;
position: relative;
top: 12px;

}

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative;

}

nav ul li a {
    text-decoration: none;
    color: rgb(54, 54, 54);
    text-transform: uppercase;
    display: block;
}

nav ul li ul.dropdown li {

display: block;

}

nav ul li ul.dropdown {
width: 56%;
position: absolute;
z-index: 999;
display: none;
}


ul li.dropdown a:hover {
    color: rgb(173, 103, 56); 
    background-color: rgb(54, 54, 54);
    transition: 0.1s;
}

ul li:hover ul.dropdown {
    display:block;
    transition: 0.1s;
}

p {

    position:fixed;
    left: 1415px;
    bottom: 840px;
}
p a {
    font-size: 22px;
    color: rgb(173, 103, 56); 
    text-decoration: none;


}

p a:hover {
    font-size: 22px;
    color: rgb(32, 198, 54);
    text-decoration: none;
    transition: 0.1s;


}

/* RESPONSIVE RULES */

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

header p {

display:none;

    }

header img {
    display:none;
}

}

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

    header .logo a {
background-image: url(images/ings\ blob\ black.png);
background-size: 40px;
background-repeat: no-repeat;
width: 40px;
display: inline-block;
height: 40px;
text-indent: -999999999px;
position: relative;
top: 12px;

}

header {
    background-image: url("images/standing.png");
    background-color: rgb(173, 103, 56);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px;
    text-align: left;
    height: 450px;
    font-size: 30px;

}   
}

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

    header {
        height: 300px;
        font-size:15px;
    }

    header .logo a{
        width: 15px;
        height: 15px;
        background-size: 15px;
        top:3px;
    }
}

/* SECTIONS */


.features {
    background: rgb(54, 54, 54);
    color:  rgb(173, 103, 56);
    display: flex;
    flex-direction: row;
    height: 150px;
    padding: 20px;
}

.features h1 {
    font-size: 100px;
    position: relative;
    left: 50px;
    top: -70px;

}

.newest:hover {

    color: white;
    transition: 0.1s;
}

.nextgig {
    background-image: url(images/DSC_6607.jpg);
    background-color:rgb(173, 103, 56);
    background-size: 100%;
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-position: center;
    height: 220px;
    color: white;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    opacity: 0.8;
    padding: 20px;
}

.nextgig a {
    text-decoration: none;
    color: white;
}
.nextgig a:hover {
    text-decoration: none;
    color: rgb(54, 54, 54);
    transition: 0.1s;
}

.nextgig:hover {

background: rgb(173, 103, 56);
filter: grayscale(0%);
opacity: 1;
    transition: 0.2s;
    color: white;
}

.nextgig h1 {
    font-size: 90px;
    position: relative;
    top: -100px;
    
}

.newestsmall {
    display:none;

}

/* RESPONSIVE RULES */

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

    .features h1 {

        font-size: 60px;
        top: -50px;

    }

    iframe {

        height: 140px;
    }

    .features {

height: 80px;
    }
    
}

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

    .nextgig h1 {

        font-size: 60px;
        top:-40px;
        text-align: right;
    }
}
@media screen and (max-width: 1040px) {

     .newestsmall {
display:block;
        font-size:20px;
        position:relative;
        text-align: center;
        top:-17px;
    }

    .newestsmall a{

        text-decoration:none;
        color:  rgb(173, 103, 56);
    }

    .newestsmall a:hover {

        color:rgb(32, 198, 54);
        transition: 0.1s;
    }
     .features .newest {
display: none;
    }

    iframe {
     display: none;
    }

    .features {
height: 20px;
    }

     .nextgig h1 {

        font-size: 30px;
        top:-40px;
        text-align: right;
    }
}


/* FOOTER */

footer {
    padding: 20px 20px;
color:  rgb(173, 103, 56);
background-color: rgb(54, 54, 54);
text-align: center;
font-size: 12px;
}