@charset
/*Media query for cabbage head*/

* {
    box-sizing: border-box; }
  
html, body, div span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a abbr, acroym, address, big, city, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, 
}

#wrapper {
  background-image: repeating-radial-gradient(ellipse at top, #525252, #525252, #b9b9b9);
  margin: 0 auto;
  background-size: cover;     
}

@media only screen and  (max-width:480px) {
    
    
    
    
    #wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .logo_farm {
        display: none;
    }
    
    .logo {
        width: 45%;
    }
    
    #media {
        display: block;
    }

    #nav {
        display: block;
        margin-top: 50%;
    }
    
    #nav ul {
        display: block;
    }
    
    #nav ul a {
        display: block;
    }
    
    .logo {
        position:static; 
        text-align: center;
        margin: 1%;   
    }
    
    #grid-item{
        width: 100%;
        display: block;
    }
    
    #phone_size {
        font-family: arial, tahoma, san-serif;
        width: 100%;
        text-align: center;
    }
}
  
@media only screen and  (max-width: 843px)  {
       
.logo {
    position:flex; 
    margin-top: -40%;
}
    
.column_index {
    display: block;
    width: 100%:
    text-align: center;
    padding-top: 35%;
}
    
#nav {
    width: 100%;
    display: block;
    list-style-type: none;
    text-align: center;
    margin-top: 10%;
    margin-left: 4%;
}
   
#logo_farm {
    position: flex;
    margin-top: 95%;
    margin-right: 1%;
    margin-left: 1%;
    padding: 0;
}  
    

#foot {
    font-family: tahoma, arial, sans-serif;
    position: sticky;
    text-align: center;
    margin: 0 auto;
    color: white;
    }
}

#media {
    display: none;
}

#phone_size {
    display: none;
}