.background{
display: grid;   
justify-content:center;
align-content: center;
background-color:hsl(30, 38%, 92%);
grid-template-columns: repeat( 2,150px) ;
margin-top: 600px;
margin-bottom: 1800px;
}




.letters{
width: 250px;
height: 400px;
background-color: whitesmoke;
margin-left: 110px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
padding-left: 20px;

}

.text{
font-size: small;
margin-bottom: 20px;
margin-top: 2px;
word-wrap: break-word;
color:rgb(131, 130, 130);
margin-bottom: 30px;
}

.cag1 {
margin-top: 20px;
margin-bottom: 20px;
letter-spacing: 5px;
font-size: x-small;
color :rgb(131, 130, 130);
}



.cag2 {
font-size: x-large;
font-weight: 900;
margin-top: 10px;
font-family: 'Fraunces';

}
.cag3 {
 font-size: x-large;
 font-weight: 900;
font-family: 'Fraunces';

}

.cag4 {
font-size: x-large;
font-weight: 900;
font-family: 'Fraunces';
margin-bottom: 20px;
}


img {
 height: 400px;
 border-top-left-radius: 15px;
 border-bottom-left-radius: 15px;
 margin-bottom: 500px;
}

.attribution {
    padding-bottom: 1000px;
    }

.btn {
 margin-top: 5px;  
 padding-right: 60px;
 
}

.btn btn-success {
padding: left 80px;
padding: 10px;
}

.t {
display: inline-block;
font-weight: 900;
font-size: larger;
font-family: 'Fraunces';
font-size: 35px;
color: #186332;
padding-left: 5px;
}

@media all and ( max-width:375px) {
    .background{
        display: grid;   
        justify-content:center;
        align-content: center;
        background-color:hsl(30, 38%, 92%);
        grid-template-columns: repeat( 2,85px) ;
        margin-top: 300px;
        margin-bottom: 300px;
        } 
        img {
            height: 200px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
            margin-bottom: 250px;
           }
           .letters {
            width: 100px;
            height: 200px;
            background-color: whitesmoke;
            margin-left: 110px;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            padding-left: 20px;
            
            }  
}

@media all and (max-width:1440px) {
    .background{
        display: grid;   
        justify-content:center;
        align-content: center;
        background-color:hsl(30, 38%, 92%);
        grid-template-columns: repeat( 2,150px) ;
        margin-top: 600px;
        margin-bottom: 1000px;
        } 
        img {
            height: 400px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
            margin-bottom: 500px;
           }
           .letters {
            width: 250px;
            height: 400px;
            background-color: whitesmoke;
            margin-left: 110px;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            padding-left: 20px;
            
            }
}


/*.btn1 {
padding-top: 2px;

}
.btn2 {
background-color:#52865b;
border-radius: 20px;
padding-left: 20px;
padding-right: 110px;
padding-top: 15px;
padding-bottom: 15px;
margin-right: 20px;
}*\