.size-image-apple {
    width:30%;
}
.size-image-google  {
    margin-top:-2%;
    position: relative;
    width:35%;
}

.name-app{
    color:black !important;
}
.content-custom{


}

#particles-js{
    position:absolute;
    height: 100%;
    width: 99%;
    top: 20px;
    margin: auto;
    z-index: -20;
}


.grid-border-custom{
    padding:5px;
    font-weight: bold;
    border-radius: 20px 20px;
    margin: auto;
    max-width: 28%;
    background-color: #f1f2f4;
    font-size: 0.7em !important;
    z-index: 999999;
}

.grid-border-custom-contact{
    padding:15px;
    font-weight: bold;
    border-radius: 20px 20px;
    margin: auto;
    max-width: 35%;
    background-color: #f1f2f4;
    font-size: 0.7em !important;
    z-index: 999999;

}



.row-custom-next-to-next{
    float:right;
    display: flex; 
}
.main-div-item-custom{
    padding:13px;
}
.qr-item-custom{
    padding:15px;
}
.entity{
    margin-top: 15px;

}

.row-info{
    padding:5px;
}

hr{
    margin:auto;
    width:70% !important;
    padding-top:15px;
    padding-bottom: 15px;


}
.text{
    font-weight: bold;
    font-size: 1.2em !important;
}

.text-a-button{
    margin-top: 2px;
    font-size: 0.5em;
}
.p-tag-custom{
    padding:15px;
}

body, html {
    position: relative;
    height:  900px;
}



.error-contact{
    color:red;
}




@media only screen and (min-width:300px) {
    .grid-border-custom{


        border-radius: 20px 20px;
        margin: auto;
        max-width: 80%;

        font-size: 0.6em !important;

    }
    .grid-border-custom-contact{
        border-radius: 20px 20px;
        margin: auto;
        max-width: 80%;
        font-size: 0.6em !important;
    }
    
    
    .size-image-apple {
    width:80%;
}
.size-image-google  {
 margin-top:-2.6%;
    position: relative;
    width:85%;
}



}


@media only screen and (min-width:800px) {
    .grid-border-custom{
        border-radius: 20px 20px;
        margin: auto;
        max-width: 60%;
        font-size: 0.8em !important;

    }
    .grid-border-custom-contact{
        border-radius: 20px 20px;
        margin: auto;
        max-width: 60%;
        font-size: 0.8em !important;
    }
    
    .size-image-apple {
    width:40%;
}
.size-image-google  {
  margin-top:-2.6%;
    position: relative;
    width:45%;
}
}

@media only screen and (min-width:1200px) {
    .grid-border-custom{

        border-radius: 20px 20px;
        margin: auto;
        max-width: 28%;

        font-size: 0.7em !important;

    }
    
      .grid-border-custom-contact{
  
        border-radius: 20px 20px;
        margin: auto;
        max-width: 28%;

        font-size: 0.7em !important;

    }
    
    .size-image-apple {
    width:32%;
}
.size-image-google  {
    margin-top:-2.6%;
    position: relative;
    width:37%;
}

}