/*mobile CSS*/
@media only screen and (max-width: 600px) {
    .background {
        background-image: url('../img/backgroundMobile.png');
    }

    h1 {color: white;}
    h2{color:white;}
    a {font-size: 32px; color:#dfbf8c;}
  }
/* Main CSS */
.background {
    background-image: url('../img/background1920w.png');
    background-repeat:no-repeat;
    background-color:black;
}

h1{
    font-weight:bold;
    font-size:30px;
    color:white !important;
    text-align:left;
    padding-left:20px;

}

h2 {
    font-style:italic;
    color:white !important;
    text-align:left;
    padding-left:20px;
}

.logo{
    width:618px;
    height:225px;
    border:none;
    background-image: url('../img/LogoName.png');
    background-repeat:no-repeat;
    display:block;
    z-index:9;
}
.head {
    min-height: fit-content;
    margin-bottom:30px;
    /*background-color:black;
    opacity:0.1;*/
}

a {
    font-size: 32px;
    color:#dfbf8c;
    
}

.content {
    margin-left:auto;
    margin-right:auto;

}

.contentBorders {
    border-radius: 25px;
    border: 2px solid #e3c495;
    padding: 20px;
}

.mainText h1 h2 {
    min-width: auto;
    max-width: 80%;

}


.height {
    /*min-height:2000px;
    background-color:aqua;
    opacity:0.2;*/
}