* {
    padding:                0;
    margin:                 0;
    font-family: "century-gothic", sans-serif;
}


.banner_top {
    align-content:          space-around;

}

.banner_top :nth-child(2), .banner_top :nth-child(5){
    background-color:       #8a8a8a;      
    }

.banner_top :nth-child(3), .banner_top :nth-child(6){
    background-color:       #e6ad6a;;      
    }

.shapes{
    margin-left:            1.10rem;
    margin-right:           1.10rem;  
    width:                  2.25rem;
    height:                 4rem;
    background-color:       #d77b4c;
    display:                inline-block;   
    
} 

.smallheadlogo{
    padding:                1rem;
    padding-left:           7rem;
    width:                  20%!important;
}

.mainpageheader {
    /* background-image:       url("../images/home_banner.jpg"); */
    position:               relative;
    margin-left:            0%;
    margin-right:           0%;
    margin-top:             0; 
    z-index:                0;
    height:                 500px;

}


header img{
    width:                  650px;

} 
    
nav {
    color:                  white;
    font-size:              1rem;
    text-decoration-style:  none;
    text-align:             center;
    padding:                0; 
    margin:                 0;
    position:               relative;
    z-index:                4; 

}

.hidden{
    color:                  rgba(0, 0, 0, 0) !important;
    cursor:                 default !important;               
}


.menubutton{
    display:                inline-block;
    vertical-align:         top;
    height:                 2rem ;
    line-height:            2rem ;
    width:                  10rem;
    background-color:       #d77b4c;
    
}

.menubutton a {
    text-decoration:        none;
    text-transform:         uppercase;
    color:                  white ;
    height:                 100%;
    width:                  100%;
    cursor:                 pointer;
}

.menu :nth-of-type(2), .menu :nth-of-type(5) {
    background-color:       #8a8a8a;      
    }
   
.menu :nth-of-type(3), .menu :nth-of-type(6) {
    background-color:       #e6ad6a;
    }     

.drop-content {
    display:                none;
    list-style-type:        none;
    z-index:                4; 
}

.drop-content li {
    background-color:       #8a8a8a !important;
    position: relative;
    z-index:                4; 
}

.drop-content a {
    text-decoration:        none;
    text-transform:         uppercase;
    color:                  white ;
}

.menubutton:hover .drop-content {
    display:                block;
    position: relative;
    z-index:                4; 
}