body{
        background-color: antiquewhite;
    } 
    
    @media only screen and (max-width: 640px){
        .dropdown-content {
            display: none;
            position: absolute;
            width: 100%;
            overflow: auto;
            box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
          }
        .dropdown:hover .dropdown-content {
            display: block;
          }
        .dropdown-content a {
            display: block;
            color: #000000;
            padding: 5px;
            text-decoration: none;
            background-color: rgb(163, 130, 130);
            outline: 1px solid black;
          }
        .dropdown-content a:hover {
            color: #FFFFFF;
            background-color: #00A4BD;
          }


          .StickyHeader{
            background-color: lightgray;
            text-align: center;
            position: sticky;
            top: 0;
            outline: 2px solid black;
            font-size: small;
            font-family: Arial, Helvetica, sans-serif;  
        }

        .M7_Priest{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            padding-top: 25px;  
              
        }
        .M44{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            padding-top: 25px;
        }
    
        .M42{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            padding-top: 25px;
        }
        .Centurion{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            padding-top: 25px;
        }
    
        .T-72{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            padding-top: 25px;
        }
    
        .STRV-S1{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 75%;
            padding-top: 25px;
        }
        .Chieftain{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 75%;
            padding-top: 25px;
        }
         
    }

    @media only screen and (min-width:640px){

        .MenuItem{
            background-color: #00A4BD;
            padding: 10px;
            margin-bottom: 5px;
            margin-top: 5px;
            margin: 5px;
            display: inline-block;
            outline: 2px solid black;
        }
    
        .dropdown{
            height: auto;
        }
    
        .dropdown-content{
            height: auto;
            
        }
        
        .StickyHeader{
            background-color: lightgray;
            text-align: center;
            position: sticky;
            top: 0;
            outline: 2px solid black;
            font-size: small;
            font-family: Arial, Helvetica, sans-serif;  
        }
    
        .button{
            display: none;
        }
        
        .Grid-Container{
            display: grid;
            column-gap: 15px;
            row-gap: 15px;  
            
        }
        .grid-1-1{
            grid-column-start: 1;
            margin-bottom: 20px;
            
        }
        .grid-1-2{
            grid-column-start: 2;
            margin-bottom: 20px;
        }
    
        .grid-2-1{
            grid-column-start: 1;
            margin-bottom: 25px;
            
        }
        .grid-2-2{
            grid-column-start: 2;
            margin-bottom: 25px;
        }
        .grid-2-3{
            grid-column-start: 3;
            margin-bottom: 25px;
        }
    
        .grid-3-1{
            grid-column-start: 1;
            margin-bottom: 20px;
            
        }
        .grid-3-2{
            grid-column-start: 2;
            margin-bottom: 20px;
        }
    
        .grid-4-1{
            grid-column-start: 1;
            margin-bottom: 25px;
        }
    
        .grid-4-2{
            grid-column-start: 2;
            margin-bottom: 25px;
        }
    
        .grid-5-1{
            grid-column-start: 1;
            margin-bottom: 20px;
        }
    
        .grid-5-2{
            grid-column-start: 2;
            margin-bottom: 20px;
        }
    
        .grid-6-1{
            grid-column-start: 1;
            margin-bottom: 20px;
        }
    
        .grid-6-2{
            grid-column-start: 2;
            margin-bottom: 20px;
        }
    
        .grid-7-1{
            grid-column-start: 1;
            margin-bottom: 25px;
        }
    
        .grid-7-2{
            grid-column-start: 2;
            margin-bottom: 25px;
        }
    
        .grid-8-1{
            grid-column-start: 1;
            margin-bottom: 25px;
        }
    
        .grid-8-2{
            grid-column-start: 2;
            margin-bottom: 25px;
        }
    
        .grid-9-1{
            grid-column-start: 1;
            margin-bottom: 25px;
        }
    
        .grid-9-2{
            grid-column-start: 2;
            margin-bottom: 25px;
        }
        
        .M7_Priest{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;      
            padding-top: 25px;         
        }
    
        .M44{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            padding-top: 25px;
        }
    
        .M42{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            padding-top: 25px;
        }
    
        .M7_Priest{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;      
            padding-top: 25px;         
        }
    
        .M44{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            padding-top: 25px;
        }
    
        .M42{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            padding-top: 25px;
        }
    
        .Centurion{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            padding-top: 25px;
        }
        
        .T-72{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            padding-top: 25px;
        }
    
        .STRV-S1{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
            padding-top: 25px;
        }
    
        .Chieftain{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70%;
            padding-top: 25px;
        }
    }

    

    .ArtStyle{
        background-color: lightgray;   
        outline: 2px solid black;
        padding-left: 3px;
        padding-right: 3px;
        padding: 5px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 10px;
        font-weight: normal;
        text-align: center;
        height: 100%;
      }

    .ArtTekst{
        font-weight: normal;
    }

    .Detail{
        padding: 5px;
    }

    .Flex-SoortenTanks{
        padding: 20px;
        display: flex;
        flex-direction: row;   
        text-align: center; 
        justify-content: space-around;
        flex-wrap: wrap;
        overflow: auto; 
    }

    .Tank1{
        background-color: lightgray;
        width: 25vw;
        height: auto;  
        outline: 2px solid black; 
        padding-left: 3px;
        padding-right: 3px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 6px;;
    }
    
    .LinksTanksAxis{
        display: flex;
        flex-direction: column;   
        text-align: center; 
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 5px;
        margin: 6px;
    }

    .LinksTanksAllies{
        display: flex;
        flex-direction: column;   
        text-align: center; 
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 15px;
    }

    .TableART{
        margin: 8px;
        padding: 5px;
        background-color: lightgray;
        padding: 10px;
        outline: 2px solid black;
        padding-left: 3px;
        padding-right: 3px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 20px;
    }

    .LinkAmuDetail{
        display: flex;
        flex-direction: column;   
        text-align: center; 
        justify-content: space-around;
        flex-wrap: wrap;
        background-color: lightgray;
        
    }

    .AntiTankDetail{
        display: flex;
        flex-direction: column;   
        text-align: center; 
        justify-content: space-around;
        flex-wrap: wrap;
        background-color: lightgray;
        
    }

    .List{
        margin: 8px;
        padding: 5px;
        background-color: lightgray;
        padding: 5px;
        text-align: center;
        outline: 2px solid black;
        font-family: Arial, Helvetica, sans-serif;
        list-style-position: inside;
        height: 100%;
    }

    .Formulier{
        margin: 8px;
        padding: 5px;
        background-color: lightgray;
        outline: 2px solid black;
        text-align: center;
        padding: 2px;
        font-family: Arial, Helvetica, sans-serif;     
    }

    .SlotTekst{
        margin: 8px;
        padding: 5px;
        background-color: lightgray;
        outline: 2px solid black;
        text-align: center;
        padding: 2px;
        font-family: Arial, Helvetica, sans-serif;
        height: 100%;
    }

    .StickyFooter{
        background-color: lightgray;
        text-align: center;
        position: sticky;
        bottom: 0;
        outline: 2px solid black;
    } 

    .ExtraLinksART{
        background-color: lightgray;   
        outline: 2px solid black;
        padding-left: 3px;
        padding-right: 3px;
        padding: 5px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 8px;
        font-weight: normal;
        text-align: center;
        display: flex;
        flex-direction: column;   
        text-align: center; 
        justify-content: space-around;
        flex-wrap: wrap;
        height: 100%;
    }