nav{background-color: #153b52;
 text-align: center;
 padding-top: 5px;
 padding-bottom:5px;}

nav a{color: white;
 text-decoration: none;
 margin-right:25px;}

nav a:link{color:white;}
nav a:visited{color:white;}
nav a:hover{color:#36a3e6;}

#text{background-color:#153b52;
 color: white;
 text-align-last: center;
 margin-top: 254px;
 padding-top: 1px;
 padding-bottom: 1px;
 position: fixed;
 bottom: 0;
 line-height: 1.5;
 width: 100%;}

#logo{text-align: center;
 margin-right: 52px;}

#background{background-image: url(background.jpg);}

#yeshiva{text-align-last: center;
 color: white;}

main{background-image: url(background.jpg);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 height: 100vh;
 margin: 0;}

#copyright{background-color: black;
 color: white;
 text-align-last: center;
 position: fixed;
 bottom: 0;
 width: 100%;   
 text-align: center; 
 padding: 1px 0; 
 font-size: 14px;}

.design{color: #4878f3;}

.container1 {display: grid;
 justify-content: center; 
 gap:30px; 
 grid-template-columns: 100px 100px 100px 100px;}

.text1 {border: 2px solid white;}

.text1:hover { background-color: rgba(255, 255, 255, 0.7);}

@media (max-width: 1024px) {
 nav {padding: 10px;}
}
 
@media (max-width: 600px) {
 nav a {font-size: 1rem;
  margin: 5px;}
 }






