/*#tbt-nav {*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    z-index: 2;*/
/*    width: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-color: #1c3e02;*/
/*    overflow-x: hidden;*/
/*    transition: 0.5s;*/
/*}*/

/*#tbt-nav .closeNav {*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    right: 20px;*/
/*    font-size: 36px;*/
/*    margin-left: 50px;*/
/*}*/

/*#tbt-nav .closeNav:hover {*/
/*    color: white;*/
/*}*/

/*#Nav {*/
/*    width: 100%;*/
/*    padding-top: 60px;*/
/*    transition: margin-left 0.5s;*/
/*}*/

/*#Nav .gnbMenu a {*/
/*    display: block;*/
/*    color: white;*/
/*    text-align: center;*/
/*    font-size: 25px;*/
/*    padding: 10px;*/
/*    text-decoration: none;*/
/*}*/

/*#Nav .gnbMenu a:hover {*/
/*    color: #ffff;*/
/*}*/

/*#Nav .closebtn {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    margin-top: 20px;*/
/*    margin-left: 20px;*/
/*}*/

/*#Nav .closebtn img {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*}*/

/*#Nav h1 a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*header {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    background-color: #fff; !* set your desired background color *!*/
/*    z-index: 1; !* set the z-index to a high number to ensure the header is above other content *!*/
/*  }*/
/*  */
main {
    padding-top: 5%;
  }

main {
    padding-top: 7%;
}

@media only screen and (max-width: 768px) {
    main {
        padding-top: 25%; /* Set a different padding value for mobile */
    }
}

@media only screen and (max-width: 1180px) {
    main {
        padding-top: 20%; /* Set a different padding value for mobile */
    }
}