@media screen and (min-width: 1025px) {
.big-container{
    display:grid;
    grid-template-columns: repeat(12,1fr); /* 3 colsame thing auto auto auto;*/
    row-gap:0.20rem;
    column-gap:0;
}
#header1{
 background-color:#8ebf42; 
 grid-row: 1/span 1;
 grid-column:1/4;   
}
#imTitle{
    padding-left: 20px;
    padding-top: 20px;
    width:40%;
}
#defTitel{
 grid-row: 1/span 1;
 grid-column:4/10;     
 background-color:#8ebf42; 
 color:white;
 padding-top: 30px;
 text-align: center;
 font-style: italic;
}
#defPara{
    font-size: 30px;  
}


.header2{
  grid-row: 1/ span 1;
  grid-column:10/13;
  text-align: right;
  background-color:#8ebf42;  
  padding-top:10px;
}
#contactStripe{
    grid-row: 2/span 1;
    grid-column:1/13;
    background-color:black;
    color:white;
    text-align:center;
     height:60px;;
}
#navPara{
  grid-row: 3/span 1;
  grid-column:1/3;
  text-align: left;
  color: white;  
  font-size: 1.5em;
  background-color:#3E3B39;  
  height:11vh;
  font-weight: bold;   
  padding-left: 10px;
 
}
#navUl{
 grid-row: 3/span 1;
 grid-column:3/13;
 background-color:#3E3B39;  
 height:11vh;
 font-weight: bold;   
 text-align: right;

}
#navUl>ul{
    overflow:hidden;
  margin-bottom: 10px;
  
   /* text-align: center;
    list-style: inside;*/
    transition: max-height 0.1s;
   
}
#navUl>ul>li{
    display:inline-block; /*make it horizontal*/
    padding:20px;
    margin-left: 10px;
}
#navUl>ul>li>a{
    color: white;
    text-decoration: none;/*n0 underline*/
    font-size: 20px;
     
}
nav>ul>li:hover{
    background-color:#dadada;;
}
#centerDiv{
 grid-row: 4/span 2;
 grid-column:2/12;   
 background-color: #dadada;
 display: flex;
}
#centerleft{
    border-radius: 25px;
    width: 100%; 
   position: relative;
   background: white;
   border-radius: .4em; 
   border: 2px;
   border: 2px solid #EFF0F7;;
   padding: 2px;
   margin-top: 10px;
   margin-left: 40px;
}
#centerleft:after{
        content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color:#157604;;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}
#centerRight{
    padding-left:15px;
    border-radius: 25px;
    width: 100%; 
   position: relative;
   background: white;
   border-radius: .4em; 
   border: 2px;
   border: 1px solid #EFF0F7;
   padding: 2px;
   margin-top: 10px;
   margin-left: 40px;
}
#centerRight:after{
        content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color:#157604;;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}
/**/
#centerMid{
    padding-left:15px;
    border-radius: 25px;
    width: 100%; 
   position: relative;
   background: white;
   border-radius: .4em; 
   border: 2px;
   border: 1px solid #EFF0F7;
   padding: 2px;
   margin-top: 10px;
   margin-left: 40px;
}
#centerMid:after{
        content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color:#157604;;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}
article{
    font-size: 20px;
}
#h2Title{
    color:#157604;
}

}