@charset "utf-8";
/* CSS Document */

body{
	font-family: Merriweather, Playfair Display, Georgia, serif;
}
/* Basic styling for the navigation bar */


/*nav and footer in site-wide.css*/

.intro{
	text-align: center;
	margin-top:105px;
}

#r1{
	font-size: 20px;
}

#r2{
	margin-top:30px;
	font-size:17px;
}


#r3{
	font-size:14px;
	font-weight: bold;
}



/* Default styling */
#r4 {
    text-align: center; 
    margin-top: 50px;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.roomrow {
    margin-left: 10px;
    margin-right: 15px;
    border-radius: 5px;
}

.roomrow ul {
    list-style-type: none;
    background-color: black; 
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.roomrow a {
    color: white;
    text-decoration: none; 
    padding: 15px;
    display: block;
    text-align: center;
}

.roomrow a:hover {
    text-decoration: underline;
    color: white;
}

.roomrow li {
    float: left;
    margin-left: 185px;
}

/* Media query for screens smaller than 800px */


@media screen and (max-width: 1400px) {
    #r4 {
        font-size: 15px; /* Reduce font size for smaller screens */
        margin-top: 30px; /* Adjust top margin for better positioning */
    }

    .roomrow {
        margin-left: 0; /* Remove left margin to make the content more centered */
        margin-right: 0; /* Remove right margin */
    }

    .roomrow ul {
        display: flex; /* Use flexbox to stack items vertically */
        flex-direction: column; /* Stack items in a column */
        align-items: center; /* Center the items */
        padding: 0;
        margin: 0;
    }

    .roomrow li {
        float: none; /* Remove float, as items will now stack vertically */
        margin-left: 0; /* Reset margin */
        margin-bottom: 10px; /* Add some space between items */
    }

    .roomrow a {
        padding: 10px; /* Reduce padding for smaller screens */
    }
}



@media screen and (max-width: 800px) {
    #r4 {
        font-size: 15px; /* Reduce font size for smaller screens */
        margin-top: 30px; /* Adjust top margin for better positioning */
    }

    .roomrow {
        margin-left: 0; /* Remove left margin to make the content more centered */
        margin-right: 0; /* Remove right margin */
    }

    .roomrow ul {
        display: flex; /* Use flexbox to stack items vertically */
        flex-direction: column; /* Stack items in a column */
        align-items: center; /* Center the items */
        padding: 0;
        margin: 0;
    }

    .roomrow li {
        float: none; /* Remove float, as items will now stack vertically */
        margin-left: 0; /* Reset margin */
        margin-bottom: 10px; /* Add some space between items */
    }

    .roomrow a {
        padding: 10px; /* Reduce padding for smaller screens */
    }
}



/*NEW CSS*/


.Section_row{
	display:flex;
	justify-content: center;
	margin-top:150px;
	margin-bottom:50px;
	
	
	
}
.Column{
	flex:50%;
	box-sizing: border-box;
	text-align:center;
	
}

.Column_2{
	flex:45%;
	box-sizing: border-box;
	margin-right:5%;
	display:grid;

	
}

.Column_2 img{
	background-color: #760709;
	padding:5px 5px;
}

@media screen and (max-width:1400px){
	.photo_grid img{
		width:250px;
		height:250px;
	}
 }


      @media screen and (max-width:1270px){
	     .photo_grid img{
		   width:220px;
		   height:220px;
	   }	
      }


         @media screen and (max-width:1150px){
	      .photo_grid img{
		    width:195px;
		    height:195px;
	    }
	
	      .Column{
	       flex:45%;
		   text-align:center;
		   box-sizing:border-box;
	  }
    }

             @media screen and (max-width:1150px){
	          .photo_grid img{
	 	       width:195px;
		       height:195px;
	          }
	
	         .Column{
		       flex:45%;
		       text-align:center;
		       box-sizing:border-box;
	         }		
            }

                @media screen and (max-width:1000px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:155px;
		
					}
					
					.Column_2 img{
	                  background-color: #760709;
	                  padding:4px 4px;
                     }

					
					.photo_grid img{
						width:250px;
						height:250px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 53px 53px;
	                    grid-row: auto auto; 
	                    grid-column-gap:210px;
	                    grid-row-gap: 10px;
						align-content: center;
	              
	               
					}
				}
	
                   @media screen and (max-width:900px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:150px;
					
					
						
					}
					
					.photo_grid img{
						width:205px;
						height:205px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 51px 51px;
	                    grid-row: auto auto; 
	                    grid-column-gap:170px;
	                    grid-row-gap: 10px;
						align-content: center;
	              
	               
					}
				}
	
                    @media screen and (max-width:700px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:130px;
						
					}
						
					.Column_2 img{
	                   background-color: #760709;
	                   padding:3px 3px;
                      }

					
					.photo_grid img{
						width:190px;
						height:190px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 50px 50px;
	                    grid-row: auto auto; 
	                    grid-column-gap:155px;
	                    grid-row-gap: 9px;
						align-content: center;
	              
	               
					}
				}
	
                                     @media screen and (max-width:600px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:125px;
					
					
						
					}
					
					.photo_grid img{
						width:190px;
						height:190px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 50px 50px;
	                    grid-row: auto auto; 
	                    grid-column-gap:150px;
	                    grid-row-gap: 8px;
						align-content: center;
	              
	               
					}
				}

                      @media screen and (max-width:460px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:120px;
					
					
						
					}
					
					.photo_grid img{
						width:170px;
						height:170px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 45px 45px;
	                    grid-row: auto auto; 
	                    grid-column-gap:135px;
	                    grid-row-gap: 7px;
						align-content: center;
	              
	               
					}
				}



                      @media screen and (max-width:400px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:120px;
					
					
						
					}
					
					.photo_grid img{
						width:165px;
						height:165px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 45px 45px;
	                    grid-row: auto auto; 
	                    grid-column-gap:135px;
	                    grid-row-gap: 7px;
						align-content: center;
	              
	               
					}
				}

       @media screen and (max-width:370px){
					.Section_row{
						flex-direction: column;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column{
						flex:100%;
						align-items: center;
						justify-content: center;
						
					}
					
					.Column_2{
						flex:100%;
						flex:wrap;
						margin-right:98px;
					
					
						
					}
					
					.photo_grid img{
						width:150px;
						height:150px;
					}
					
					.photo_grid{
						margin-top:70px;	
						display: grid;
	                    grid-template-columns: 40px 40px;
	                    grid-row: auto auto; 
	                    grid-column-gap:120px;
	                    grid-row-gap: 6px;
						align-content: center;
	              
	               
					}
				}
.bullets li{
	margin-right:40px;
}

.bullets ul{
	list-style-type: none;
}

.section_2 iframe{
	margin-top:50px;
	border-radius: 5px;
}

.section_2 iframe:hover{
	opacity: 70%;
}

.bullets button{
	background-color: #760709;
	padding:10px 15px;
	border-radius: 10px;
}

.bullets button:hover{
	background-color: #8B3537;
	cursor: pointer;
}

.bullets a{
	color:white;
	text-decoration: none;
	font-weight: bold;
}

.bullets a:hover{
	text-decoration: underline;
}