body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[v-cloak] {
  display: none;
}

.big-image {
  background-color: #3190cc;
  overflow: scroll;
}
a{
    color: #3190cc;
    text-decoration: underline;
    font-size: larger;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.6rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.right{
    float:right;
}
.red{
    background-color: #dc3545;
    border-radius: 50px !important;
   margin: 10px 3px;
    }
.red a{
    color: #fff;
    text-decoration: none;

    
    }
    
 .red2{
    background-color: #dc3545;
    border-radius: 50px !important;
    margin: auto;
    }
.red2 a{
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    
    }   

@media only screen and (min-width: 768px) {
  /* For desktop: */
  
.list-group {
   
    margin-left: 4.5rem;
}
}

@media only screen and (max-width: 768px)  {
  /* For mobile phones: */
  a {
    color: #3190cc;
  }
}

@media only screen and (max-width: 821px)  {
  /* For mobile phones: */
 .back {
        
        margin-top: 0rem !important;

  }
}


@media screen and (orientation:landscape)

and (max-device-width: 916px) {
   /* Your CSS Here*/
    .back {
        
        margin-top: 0rem !important;

  }
}



/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.back {
    margin-top: -11rem !important;
    }
    .list-group {
    margin-left: 2.5rem;
    }
}




/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
      
    .back {
    margin-top: -11rem !important;
    }
    .list-group {
    margin-left: 2.5rem;
    }
    .red2{
        margin-top: 5rem;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}