body{
    margin: 0px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.bigtitle {
    text-align: center;
    font-size: 105%;
    font-weight: bold;
    grid-column: 1 /span 12;
    padding: 10px;
}

.header {
  height:800px;
  background-image: url(ONE_1_back.jpg);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align:center;
  background-size: cover;
  box-sizing: border-box;
  color: #fafafa;
  position: relative;
}


.header_logo{
    position: absolute;
    right:50px;
    top: 50px;
    height:60px;

    
}

.shield{
    position: absolute;
    height: 100px;
    top: 30px;
    left: 30px;
}


 .menu1{
    grid-column: 1 /span 3;
    text-align: center;
    padding: 10px;
    border: 1px solid black;
    
   
}
 .menu2{
    grid-column: 4 /span 3;
    text-align: center;
    padding: 10px;
    border: 1px solid black;
    
}
 .menu3{
    grid-column: 7 /span 3;
    text-align: center;
    padding: 10px;
    border: 1px solid black;
    
 
}   
.menu4{
    grid-column: 10 /span 3;
    text-align: center;
    padding: 10px;
    border: 1px solid black;
   
   
}

.menu1 , .menu2 , .menu3 , .menu4{

    background-color: #4d4d4d;
    color:#fafafa
}

.title{
    grid-column: 1 /span 4;
    text-align: center;
    font-size: 120%;
    font-weight: bold;

}

.info{
    grid-column: 5 / span 7 ;
    text-align: left;
    
}

.menu{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.menu a{
    color:#fafafa;
    text-decoration: none;
}
.menu a:hover{
    color: aqua;
    text-decoration: underline;
}

.photo img {
    width: 100%;
    height: auto;
}
.photo {
    grid-column: 1 / span 12;
    width:100vw ;
}
.info ul , .info li {
    text-align: left;
}
.info li {
    padding:5px;

}
.registry_list{
    list-style: none;
    font-weight: bold;
}