#FPO-Toolkit{
  width:100%;
  height:auto;
}


#FPO-Toolkit .FPO-container{
  width:90%;
  margin:auto;
}


#FPO-Toolkit .FPO-toolkit-title{
  width:100%;
}

#FPO-Toolkit .FPO-toolkit-icons{
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

#FPO-Toolkit .FPO-toolkit-icons .FPO-I{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

#FPO-Toolkit .FPO-toolkit-icons .FPO-icon a > img{
  width:130px;
  height:130px;
  padding:10px;
}

#FPO-Toolkit .FPO-toolkit-icons .FPO-icon .FPO-title{
  padding:10px;
}

#FPO-Toolkit .FPO-toolkit-icons .FPO-title a{
  text-decoration:none;
  color:#fff;
  line-height:0.5;
  font-weight:bold;
  font-size:18px;
}

#FPO-Toolkit .FPO-toolkit-icons .FPO-title a:hover{
  color:#fdbb30;
}

@media (max-width:1024px){
  #FPO-Toolkit{
    padding:30px 0px;
  }

#FPO-Toolkit .container{
/*   padding:50px 20px;
  grid-template-columns: 100%; */
  text-align:center;
  }
  
#FPO-Toolkit .FPO-toolkit-title {
    width: 90%;
    margin:auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding:20px 0px 0px 0px;
    text-align:center;
}
  
  #FPO-Toolkit .FPO-toolkit-icons{
        display: grid;
        width: 100%;
        align-content: center;
        justify-content: center;
        align-items: center;
        justify-items: stretch;
        grid-template-columns: 50% 50%;
  }
  
  #FPO-Toolkit .FPO-toolkit-icons .FPO-I {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align:center;
    padding: 20px;
}
  
}

@media (max-width:428px){
    #FPO-Toolkit .FPO-toolkit-icons {
        grid-template-columns: 100%;
        padding: 20px 0px;
    }