body {
  padding: 50px;
  font-family: "font-family: 'Lora', serif;";
}

a {
  color: #00B7FF;
}


input-item{
  background-color: lime;
  color: blue;
}
.poster-page .div-region{
  position: absolute;
  top: 88%;
  left: 78%;
  width: 12%;
  height: 10%;
  font-size: 18px;
  background-color: transparent;

}
.poster-page .div-img{
  position: relative;
}
.poster-page img{

}

.img-container{
  width: 100%;
  height: 100%;
}

.div-img{
  width: 80%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.landing-page .div-img{
  width: 128px;
  height: 100%;
  margin-bottom: auto;
  margin-top: auto;

}
.landing-page img{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing-page .img-container{
  height: 800px;

}
.title{
  color: #0176cd;
  font-family: "font-family: 'Lora', serif;";
  font-weight: 600;
}
.sub-title{
  color: #0176cd;
  font-family: "font-family: 'Lora', serif;";
}
label{
  font-family: "font-family: 'Lora', serif;";
}
.div-entry{

}

.div-entry input{
  width: 100%;
}

.txt-container{
  text-align: center;
  margin-top: 10%;
  position: relative;
}
.txt-container h1{

}

.project-page{
  font-size: larger;
}

h1 {font-size:1rem;}
@media (min-width: 544px) {
  h1 {font-size:1.5rem;}
  .auto-font {font-size:1.5rem;}
}
@media (min-width: 768px) {
  h1 {font-size:2rem;}
  .auto-font {font-size:2rem;}
}
@media (min-width: 992px) {
  h1 {font-size:2.5rem;}
  .auto-font {font-size:2.5rem;}
}
@media (min-width: 1200px) {
  h1 {font-size:3rem;}
  .auto-font {font-size:3rem;}
}
@media (min-width: 950px) and (max-width:1100px) {
  h1 {font-size:2.75rem;color:red;}
  .auto-font {font-size:2.27rem;}
}