html {
    scroll-behavior: smooth;
}

nav {
    background-color: black !important;
    padding: 0px 0px 0px 30px !important;
    position: absolute;
}

/* -----------nav-----------*/
header {
    width: 100%;
    height: 700px;
    background: url(../img/BGhead.jpg) no-repeat center;
    background-size: cover;
}

#headerdiv {
    color: #fff;
    padding: 15% 20px 0px;
}

header p {
    padding: 15px;
}

header button {
    margin-left: 10%;
}

/* -----------header-----------*/

.section1 {
    background-color: black;
    height: 700px;
}

.section1 h1 {
    padding: 60px;
    font-family: 'Caveat', cursive;
}

#h1S1 {
    color: white;
}

#h1span {
    color: #d6ad79;
}

.section1 .section1div {
    color: #fff;
    font-family: 'Lumanosimo', cursive;
}

.section1 button {
    font-family: 'Trebuchet MS';
}

/* -----------section1-----------*/
.row {
    margin-right: 0px;
    margin-left: 17% !important;
}

#section2div {
    border: 1px solid #d6ad79;
}

#section2div:hover {
    background-color: #fff;
    color: #000;
}

#hover {
    transition-delay: 1s;
    transition: all .50s ease-out;
}

#hover:hover {
    background-color: #fff !important;
    color: black !important;
}

.section2 {
    background-color: black;
    height: 900px;
    width: 100%;
    color: #fff;
}

.section2 p,
h2 {
    padding: 20px 0px;
}

/* -----------section2-----------*/
.section3 {
    background-color: black;
    color: #fff;
}

#section3div {
    border: 1px solid #d6ad79;

}

.section3 .row {
    margin-right: 40px;
    margin-left: 40px !important;
}

.section3 p {
    padding: 20px 0px;
}

/* -----------section3-----------*/
.section4 {
    background-color: black;
}

.section4 .row {
    margin-right: 1%;
    margin-left: 1% !important;
}

.section4 h2,
p {
    color: #fff;
}

/* -----------section4-----------*/
.section5 {
    background-color: black;
    width: 100%;
    height: 700px;
}

.section5 iframe {
    float: left;
}

.section5 h2 {
    color: #fff;
}

.section5 form {
    margin: 0px 0px 10px 45%;
}

.section5 input {
    background-color: #000;
    color: #fff;
    padding: 10px 40% 10px 10px;
}

/* -----------section5-----------*/

footer {
    background-color: black;

}

footer .mov {
    margin-left: 15%;

}

footer a {
    color: #fff;
}

footer a:hover {
    text-decoration: none;
    color: #d6ad79;
}
#footerimg{
    width: 100px;
    margin-top: 10px;
}

button {
    padding: 5px 20px;
    border-style: none;
    cursor: pointer;
    transition-delay: 1s;
    transition: all .50s ease-out;
    background-color: #c7a172;
    color: #fff;
}

button:hover {
    padding: 10px 30px;
}

iframe {
    width: 600px;
    height: 450px;
}