.grid-container-1{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    margin: auto;
}

.icon{
   height: 20px;
}

.grid-container-1 .grid-item-2{
    margin-right: 0px;
}

.grid-container-1 .grid-item-1{
    margin-left: 0px;
}

main{
    margin-top: 50px;
    margin-bottom: 150px;
    text-align: center;
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: 1fr 2fr;
        margin: auto;
    }
    
    
    .grid-item-1 {
        margin: 80px;
        margin-right: 0px;
        margin-left: 200px;
        display: block;
        padding: 30px;
    }
    
    .grid-item-2 { 
        margin: auto;
        margin-left: 15px;
        margin-right: 200px;
        background-color:  rgb(192, 216, 255);
        color: rgb(106, 134, 178);
        padding: 20px;
        font-size: 20px;
    }

    .grid-item-3 {
        margin: 50px;
        margin-right: 0px;
        display: block;
        padding: 30px;
    }
    
    @media only screen and (max-width: 600px) {
        main{
            margin-top: 350px;
            margin-bottom: 250px;
        }
    
        .grid-container{
        grid-template-columns: auto;
        margin-left: 50px;
       }

       .grid-container-1{
        grid-template-columns: auto;
       }
    
       .grid-item-1{
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 0px;
       }
    
       .grid-item-2{
        margin-left: 0px;
        margin-right: 50px;
       }

       .grid-item-3{
        margin-left: 0px;
        margin-right: 0px;
       }
    
     }