label, input { display:block; }
            input.text { margin-bottom:12px; width:95%; padding: .4em; }
            fieldset { padding:0; border:0; margin-top:25px; }
            h1 { font-size: 1.2em; margin: .6em 0; }
            div#users-contain { width: 350px; margin: 20px 0; }
            div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
            div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
            .ui-dialog .ui-state-error { padding: .3em; }
            .validateTips { border: 1px solid transparent; padding: 0.3em; }
            div#map {z-index:1;}
            .ui-dialog .ui-dialog-buttonpane {
                text-align: left;
                border-width: 1px 0 0 0;
                background-image: none;
                margin-top: -15px;
                padding: .3em 1em .5em .4em;
            }
            .logo{
                width: 30%;
            }
            .logo-title{
                font-family: 'Courgette', cursive;
                font-size: 200%;
                color: #123d4e;
            }

            .colormap-title
                {
                    font-size: 2.2em;
                    margin: .2em 0;
                    color: #123d4e;

                }
            
                .blumine{
                    color: #123d4e;
                }
            .custom-box {
                width: 10%;
                border-radius: 12px;
                background-color: rgb(0, 26, 164)
                }

            .custom-header-box {
                width: 50%;
                border-radius: 12px;
                background-color: rgb(255, 255, 255)
                }


            .font-menu{
                font-family: "Trebuchet MS", Helvetica, sans-serif;
                color:rgb(39, 36, 36);
                }

            .custom-menu{
                text-align: center;
                position:absolute;
                z-index:2;
                cursor:pointer;
            }


            .header-image{
                background-image: url('img/header_logo.jpg');

            }
            .custom-menu-about{
                
                background-color: rgb(218, 58, 58)
            }
            .custom-menu-instructions{
                
                background-color: rgb(60, 245, 75)
            }
            .custom-menu-gallery{
                
                background-color: rgb(209, 226, 210)
            }
            .custom-menu-instagram{
                
                background-color: rgb(235, 213, 12)
            }
            .custom-menu-english{
                
                background-color: rgb(86, 101, 235)
            }
            .custom-menu-cash{                 
               
                background-color: rgb(238, 115, 34)
            }
            .background-header{
                background-color: rgb(233, 231, 97)
            }
  
		
		@media screen and (max-width: 600px) {
			#signature{
				margin-left:6%;
				top:95%;
            }
            .logo{
                width: 90%;
            }
            .logo-title{
                font-family: 'Courgette', cursive;
            }
            .colormap-title {
                font-size: 1.2em;
                margin: .2em 0;
            }
            .custom-box {
                width: 32%;
                border-radius: 36px;
                background-color: rgb(0, 26, 164)
                }
                .custom-header-box {
                    width: 70%;
                    border-radius: 12px;
                    background-color: rgb(255, 255, 255)
                    }
            .custom-menu-about{
                left:2%; top:40%;
                background-color: rgb(218, 58, 58)
            }
            .custom-menu-instructions{
                left:2%; top:47%;
                background-color: rgb(60, 245, 75)
            }
            .custom-menu-gallery{
                left:2%; top:54%;
                background-color: rgb(209, 226, 210)
            }
            .custom-menu-instagram{
                left:2%; top:61%;
                background-color: rgb(235, 213, 12)
            }
            .custom-menu-english{
                left:2%; top:68%;
                background-color: rgb(86, 101, 235)
            }
            .custom-menu-cash{
                left:2%; top:75%;
                background-color: rgb(238, 115, 34)
            }
            .font-menu{
                font-family: Impact, Charcoal, sans-serif;
                font-size: 10px;
                color:rgb(39, 36, 36);
                margin-top: 14px;
                }
                .background-header{
                    background-color: rgb(233, 231, 97)
                }

        }
        body{
            overflow-x: hidden !important;
        }

 /* The side navigation menu */
 .sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 4; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    right:0;
    background-color: rgb(0, 0, 0); /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  }
  .sidebar-padding{
      padding-right: 1%;
  }
  /* The navigation menu links */
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 1%;
    font-size: 36px;
    margin-left: 50px;
  }

  .sidebar-button{
    margin-top: 6%;
  }
  
  #main {
    transition: margin-left .5s;
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }