.records{width:90%;margin:auto;height:auto;}
.flexwrapper{width:100%;display:inline-flex;flex-flow:row wrap;}
.flexq:hover + .flexqa{visibility:visible;font-weight:bold;color:#3f7cef;}
.flexqa{display:flex;visibility:hidden;border:5px solid green;border-radius:5px;flex:0 0 48%;}
.flexq{display:flex;border:5px solid #333;border-radius:5px;flex:0 0 48%;}
.content{width:90%;margin:5%;}
//.datevar{margin:0 4% 4%;font-weight:bold;font:large bold arial,sans-serif,helvetia;}
.anniv{border-collapse:collapse;background-color:#002266;color:#ffffff;width:100%;text-align:center;}
p{color:red;}
@media screen and (max-width:900px){
     body{font-size:65%;}
}
@media screen and (max-width:617px){
     .flexqa, .flexq{flex:0 0 45%;}	
}
@media screen and (max-width:359px){
     .flexqa, .flexq{flex:0 0 42%;}	
}