/*start grid system*/
@media only screen and (min-width:951px)and (max-width: 12000px)/*phones*/
{
 #page-wrap{
    max-width: 950px;    
}
.box_links {
   flex-flow: wrap;
}
}
@media only screen and (min-width:768px)and (max-width: 950px)/*phones*/
{
 #page-wrap{
    max-width: 950px;
    height: 70vh ;
    
}
.box_links {
   flex-flow: wrap;
}

}
@media only screen and (min-width:500px)and (max-width: 767px)/*phones*/
{
 #page-wrap{
   width: 90vw ;
    height: 100vh ;
    
}
.box_links {
   flex-flow: column;
}
.box_links>a{margin-bottom: 5px;}

}
@media only screen and (max-width:499px)/*phones*/
{
 #page-wrap{
   width: 90vw ;
    height: 100vh ;
    
}
.box_links {
    display: flex;
    justify-content: space-between;
    padding: 10px;
   flex-flow: column;
}
.box_links>a, .myBtnGre, .myBtnYellow{margin-bottom: 8px;}

}