@charset "utf-8";
/* CSS Document */

/* .fieldspage {background-image:url("bg_ballonfield.jpg"); background-size:contain; } */

.maps {
    /* display:flex; flex-flow: row wrap; */
    max-width: 1200px; margin:auto; 
    /* border:1px solid black; */
    }
.maps a:link {color:#8E0A0C;}
.maps a:visited {color:#8E0A0C;}
.maps a:hover {color:darkgreen;}

.maps h2 {margin-top:2em; }
    
.fieldCard {
    float:none;
    text-align:left;
    width: 390px; 
    padding:2em .5em 2em .5em; 
    /* border:1px solid black; */
}
.fieldCard p {margin:0 0 .5em 0;}
.fieldCard a {color:darkgreen;}
.fieldCard a:hover {color:#003F00;}
    
.fieldMap iframe {
        min-width:340px; width:340px; height:240px;
        border:2px solid black; box-shadow: 8px 8px 8px rgba(0,0,0,0.6)
    }
        
.fieldMapx{  /* responsive alternate */
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    border:2px solid black; box-shadow: 8px 8px 8px rgba(0,0,0,0.6)
}
.fieldMapx iframe{  /*responsive alternate */
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table; height:1em;
}
    
@media all and (min-width: 700px) {
    .fieldCard{
        float:left; 
        padding:2em;
    }
}