body, html {
  height: 100%;
}
.accounts-width{
	padding: 10px;
	max-width: 430px;
	margin: 10% auto;
}
main{
  padding-top: 5em!important;
  padding-left: 16em!important;
  padding-right: 0px!important;
  width: 98%;
  margin: 0px!important;
}
.main-body{
  padding: 5px;
}
@media screen and (max-width: 1440px){
  main{
    padding-left: 0px!important;
    padding-top: 4em!important;
    margin: 0px!important;
    width: 100%;
  }
}
@media screen and (max-width: 768px){
  main{
    padding-top: 3em!important;
    margin: 0px!important;
    width: 100%;
  }
  .main-body{
    padding: 10px;
  }
}
@media screen and (max-width: 420px){
	.accounts-width{
		margin: 20% auto;
	}
}


#web{
  background-color: #b3d1ff;

}
.web-main{
  margin-top: 3em;
  
}
.web-content{
  position: relative;
  top: 60px;
  padding: 1em;
}
.bg-wooden{
  background-image: url('../../assets/images/bg.webp')!important;
  background-size: cover;
  background-attachment: fixed;
}

.side-nav a{
  font-size: 16px!important;
}