
h1 {
    font-size : 2em;
    background-color: green;
    color : white;
    margin : 5px;
    padding: 10px 20px;
    border-radius: 20px 20px 20px 20px;
    width : 100%;

}


.allthanks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* flex-wrap: wrap-reverse; */
    width: 1100px;
    margin-left: auto;
    margin-right: auto;

}

@media (max-width: 1099px) {
    .allthanks {
        width: 720px
    }
}

@media (max-width: 719px) {
    .allthanks {
        width: 360px
    }
}

.thanks {

    max-width: 350px;
    width : 350px;
    height: auto;
    margin: 5px;
    /* padding: 20px 20px 20px 20px; */
    border-color: pink;
    border-style: solid;
    border-width: 5px;
    display: inline-block;
    border-radius: 50px 0 50px 0;
    vertical-align: top;
}


.thanks2 {

    max-width: 350px;
    width: 350px;
    height: auto;
    margin: 5px;
    /* padding: 20px 20px 20px 20px; */
    border-color: pink;
    border-style: solid;
    border-width: 5px;
    display: inline-block;
    border-radius: 50px 0 0 0;
    vertical-align: top;
}

.thanks h2,
.thanks2 h2 {
    /* color: darkblue; */
    background-color: skyblue;
    font-size: 1.3em;

    text-align: left;
    font-weight: 600;
    padding : 20px;
    border-radius: 45px 0 0px 0;
}

.thanks p,
.thanks2 p {

    /* font-size: 1.3em; */
    padding: 5px;
    font-size : 0.9em;    

}

.thanks a,
.thanks2 a {

    /* font-size: 1.3em; */
    padding-top: 5px;
    text-decoration: none;

}
.thanks .topline,
.thanks2 .topline {
    text-align: right;
    font-size: 1.1em;
    padding-right : 10px;
    font-weight : bold;
}