@import url(fonts.css);

.section{
    width:80%;
    margin:auto;
    margin-top:2%;
    margin-bottom:2%;
    font-family: homeText, serif;
    display: flex;
    flex-wrap: wrap;
    font-size: min(3vw, 30px);
    color: #6a0000;
}
.section > div{
    border: 2px solid black;
}
.section h1{
    font-family: homeHeading, serif;
    text-align: center;
    font-size: min(10vw, 150px);
}
.section h2{
    font-family: homeHeading, serif;
    text-align: center;
    font-size: min(7vw, 80px);
}
.section p{
    font-family: homeText, serif;
    text-align: center;
    font-size: min(3vw, 30px);
    margin:auto;
}
.head-pic {
    width: 100%;
    aspect-ratio: 5/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #3a3534;
    /* Create the parallax scrolling effect */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.imgSet{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.moveline{
    width:0%; height: 80%; border: 1px solid black; margin: auto;position: absolute;left: 50%;top:10%
}
@media (max-width: 755px) {
    .moveline{
        height: 0px;
    }
}
* {box-sizing: border-box;}

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 150px;
  height: 150px;
}