header{
    width:100%;

 }

 body{
  
    width:100%;
 }




.grid{
max-width:1280px;
/*min-width:320px;*/
margin:0 auto;
/*padding:0 2em;*/
}
.filpgrid{
/*text-align: center;*/
  margin: 0px auto;
    min-width:320px;
    max-width:1260px;
    /*background-color: gray;*/
    
  

}

.card1 {
        /*float: left;*/
        width: 300px;
        height: 200px;
        margin: 5px;
        /*border: 0px gray solid;*/
        /*padding: 0px;*/
        /*text-align: center;*/
     
}
.flip {
    display: inline-block;
}

.front, .back {
       /*padding: 10px; */
}

.front {
        /*background-color: #ccc;*/
        /*text-align: center;*/

}

.front img{
  /*position: absolute;*/
  /*top:200px;*/
  /*top:-20px;*/
 /*text-align: 200px;*/
 /*margin-top: 100px;*/
/*color:yellow;*/

 /*z-index: -1;*/

}

.front h6{
  /*position: static;*/
  /*top:200px;*/
  /*top:-20px;*/
 /*text-align: 200px;*/
 /*margin-top: 100px;*/
/*color:yellow;*/

 /*z-index: 100;*/

}


.back ,.back h5,.back h6  {
        margin: 0px auto;
        padding: 0px auto;
        border: 0px auto;
         /*margin-top: 0px;  */
/*text-align: center;
        /*color:white;*/
        background-color: #011c3d;


}

.back img{

}


/*.back h4 {
  padding: 20px 10px 20px 20px;
  font-size: 16pt;
  color: white;

}*/

.back h5 {
  padding: 0px 20px 0px 20px;
  font-size: 14pt;
  color:white;
  line-height: 20pt;
}

.back h6 {
  padding: 20px 20px 0px 20px;
  font-size: 16pt;
  color: white;
}

.back p {
  padding: 5px 20px 0px 20px;
  font-size: 13pt;
  color: white;
  font-weight: lighter;

}


.back b{

  color: white; 
}


.col_full{
display: inline-block;

}
 
 .center{text-align:center;  }
.left{text-align:left;}
.right{text-align:right;}

  

@media all and (min-width: 1025px) and (max-width: 2980px) {
  
  .grid{
    max-width: 1280px;
    /*background-color: blue;*/
   }
  .show-desktop {display:block;}
  .hide-desktop {display:none;}

  .show-tablet  {display:none;}
  .hide-tablet  {display:block;}

  .show-phone   {display:none;}
  .hide-phone   {display:block;}

   .center{text-align:center;  }
  
}

@media all and (min-width: 760px) and (max-width: 1024px) {
  
  .grid{max-width: 1024px;
    /*background-color: yellow;*/
   
  }


  .show-desktop {display:none;}
  .hide-desktop {display:block;}
  .show-tablet  {display:block;}
  .hide-tablet  {display:none;}
  .show-phone   {display:none;}
  .hide-phone   {display:block;}
   .center{text-align:center;  }
}


@media all and (min-width: 480px) and (max-width: 759px) {

 
  .grid{
    max-width: 768px;
    /*background-color: green;*/
 }
  .show-desktop {display:none;}
  .hide-desktop {display:block;}
  .show-tablet  {display:block;}
  .hide-tablet  {display:none;}
  .show-phone   {display:none;}
  .hide-phone   {display:block;}
   .center{text-align:center;  }
  
}

@media all and (max-width: 479px) {
  
 /*body{background-color: red;}*/
 .col_full{
display: inline-block;

}
 .center{text-align:center;  }
  
  .grid{
  max-width: 100%;
   /*background-color: red;*/
/*320*/
}
  .show-desktop {display:none;}
  .hide-desktop {display:block;}


  .show-tablet  {display:none;}
  .hide-tablet  {display:block;}
  .show-phone   {display:block;}
  .hide-phone   {display:none;}
  
}