* {box-sizing: border-box;
    
}

.container {
    display: grid;
    border: 5px rgb(166, 166, 185) solid;
    height: 2000px;
    width: 1200px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(26, 1fr);
    background-image: url("SCTFstateBackGround.jpg");
   
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border: 2px solid rgb(12, 11, 11);
    
    

}


.HomeLink {
  
  
    grid-area: 2 / 1 / span 2 / span 2;
    font-size: 50px;
    font-family: 'Odibee Sans', cursive;
    padding-top: 50px;
    color: #006400;
    text-align: center;
  
  
  }







.titleimg {

    
    

grid-area: 2 / 3 / span 2 / span 2;



}

.blog1img {
    grid-area: 6 / 9 / span 2 / span 2; 
    
}

.blog2img {
    grid-area: 9 / 9 / span 2 / span 2; 
    
}

.blog3img {
    grid-area: 12 / 9 / span 2 / span 2; 
    
}






.blogStrasburgimg {

    grid-area: 15 / 9 / span 2 / span 2;

}


.blogRugbyimg {

    grid-area: 18 / 9 / span 2 / span 2;

}

.blogNachesimg {

    grid-area: 21 / 9 / span 2 / span 2;

}

.titletexttop {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 2 / 5 / span 1 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;


  
     


}

.blog1text {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 6 / 3 / span 2 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
  margin-right: 20px;


  
     


}


.blog2text {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 9 / 3 / span 2 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
  margin-right: 20px;


  
     


}

.blog3text {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 12 / 3 / span 2 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
  margin-right: 20px;



}



.blogStrasburgtext {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 15 / 3 / span 2 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
  margin-right: 20px;



}






.blogRugbytext {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 18 / 3 / span 2 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
  margin-right: 20px;



}






.blogNachestext {

    background-color: rgb(87, 112, 86);
    
    font-size: 32px;
padding: 10px;
text-align: center;

grid-area: 21 / 3 / span 2 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
  margin-right: 20px;



}


.titletextbottom {

    background-color: rgb(87, 112, 86);
    
    font-size: 62px;
padding: 10px;
text-align: center;
grid-area: 3 / 5 / span 1 / span 6;

font-family: 'Odibee Sans', cursive;

display: flex;

  justify-content: center;

  align-items: center;
  border-radius: 5px;
     


}





.claimtofame {
    float:  left;

    font-family: arial;
    font-size: 26px;
padding: 40px;
text-align: left;

grid-area: 3 / 1 / span 1 / span 12;


}

li {
    margin: 0 0 20px 0;
}



    
img {
    

    border: 2px solid black;
    max-height: 100%;
    max-width: 100%;
    border-radius: 5px;
    padding: 20px;
    background-color: cadetblue;
   

}
ul {
    list-style-type: none;
    margin-left: 15px;
}

h1 {
    font-size: 35px;
}

a {

    text-decoration: none;
}

@media (min-width: 150px) and (max-width: 767px) {
	.container {
    display: block!Important;
    width: auto!important;

}
}