@charset"UTF-8";

header{
    background-color:deepskyblue;
    text-align: center;

}

body{
    background-color: bisque;
    text-align: center;
    
    .h2{
        font-size: small;
    }


}

footer{
    background-color: blanchedalmond;

}

.map-container {
  width: 100%;
  padding-bottom: 75%; 
  position: relative;
  overflow: hidden; 
}
.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
}

#resized-image{
        width: auto;
        height: 90px
    }


#guidemenu{
    display: flex;
    flex-direction:column;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content:space-between;    
}

#guidecontent{
    display: flex;
    flex-direction:column;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content:space-between;    
}
@media screen and (max-width: 600px) {  

header{
    background-color: aqua;
    

}

body{
    background-color: bisque;

}

footer h2{
    font-size: 18px;
}
#guidemenu{
    display: flex;
    flex-direction:column;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content:space-between;    
}

#guidecontent{
    display: flex;
    flex-direction:column;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content:space-between;    
}

}