#offermaintextcontainer{
    max-width: 100%;
    min-height: auto;
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(238, 238, 238);
    opacity: 95%;
    background-repeat: no-repeat;
    overflow: auto;
}
#offermaintextcontainer2{
    max-width: 100%;
    min-height: auto;
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(211, 211, 211);
    opacity: 95%;
    background-repeat: no-repeat;
  }
#offermaintext{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(540px, 1fr));
    grid-gap: 40px;
    padding:100px 0px;
}
#offertexttextimg{
    margin-right: 0px;
    font-size: larger;
    font-style: italic;
    font-weight: bold;
    max-height: 550px;
    color: rgb(79, 79, 79);
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
  #offercont{
    background-color: white;
    margin-left: -150px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

#offercont a{
    font-size: x-large;
    position: relative;
    color: rgb(67, 67, 67);
    font-weight:bold;
    z-index: 9999;
    text-decoration: none;
}

#offercont a:hover{
    color:#777777;
    letter-spacing: 0.4px;
}

#offertexttitle{
    font-size:xx-large;
    font-style:normal;
    font-weight: bold;
    color: rgb(79, 79, 79);
    width: 100%;
    text-align: center;
    padding: 20px;
}
#offertexttext{
    font-size: larger;
    font-style: italic;
    font-weight: bold;
    color: rgb(79, 79, 79);
    width: 100%;
    text-align: center;
    padding: 30px;
}
.offerbookbutton {
    border: 2px rgb(187, 187, 187);
    background-color: rgb(194, 194, 194);
    color: black;
    padding: 10px 25px;
    text-decoration: none;
    font-size: 20px; 
    border-radius: 45px;
}


@media (max-width: 1128px){
    #offertexttitle{
        font-size:xx-large;
        font-style:normal;
        font-weight: bold;
        color: rgb(79, 79, 79);
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    #offertexttext{
        font-size: medium;
        font-style: italic;
        font-weight: bold;
        color: rgb(79, 79, 79);
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    #offermaintext{
        width: 80%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(540px, 1fr));
        grid-gap: 40px;
        padding:100px 0px;
        overflow: auto;
    } 
    #offercont{
        background-color: white;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -200px;
        padding-bottom: 20px;
        min-height: auto;
    }
    #offercont2{
        background-color: white;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -200px;
        margin-bottom: 0px;
        padding-bottom: 20px;
        min-height: auto;
    } 
}

@media (max-width: 675px){
    #offermaintext{
        width: 80%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        grid-gap: 40px;
        padding:80px 0px;
        overflow: auto;
    } 
    #offercont{
        background-color: white;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -200px;
        margin-bottom: 0px;
        padding-bottom: 20px;
    } 
    #offercont2{
        background-color: white;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -200px;
        margin-bottom: 0px;
        padding-bottom: 20px;
        min-height: auto;
    } 
}

    @media (max-width: 500px){
        #offermaintext{
            width: 95%;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
            grid-gap: 40px;
            padding:80px 0px;
            overflow: auto;
        } 
        #offercont{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -130px;
            margin-bottom: 0px;
        } 
        #offercont2{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -130px;
            margin-bottom: 0px;
            min-height: auto;
        }  
        #offertexttitle{
            padding: 10px;
        }
        #offertexttext{
            padding: 20px;
        } 
    }

    @media (max-width: 388px){
        #offermaintext{
            width: 95%;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            grid-gap: 40px;
            padding:80px 0px;
            overflow: auto;
        } 
        #offercont{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -130px;
            margin-bottom: 0px;
        } 
        #offercont2{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -130px;
            margin-bottom: 0px;
            min-height: auto;
        }   
        #offertexttitle{
            padding: 10px;
            font-size: 23px;
        }
        #offertexttext{
            padding: 20px;
        } 
    }

    @media (max-width: 315px){
        #offermaintext{
            width: 95%;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            grid-gap: 40px;
            padding:80px 0px;
            overflow: auto;
        } 
        #offercont{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -100px;
            margin-bottom: 0px;
        } 
        #offercont2{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -100px;
            margin-bottom: 0px;
            min-height: auto;
        } 
        #offertexttitle{
            padding: 10px;
            font-size: 20px;
        }
        #offertexttext{
            padding: 20px;
        }
        .offerbookbutton {
            font-size: 12px; 
        }
    }

    @media (max-width: 263px){
        #offermaintext{
            width: 95%;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            grid-gap: 40px;
            padding:80px 0px;
            overflow: auto;
        } 
        #offercont{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -100px;
            margin-bottom: 0px;
        } 
        #offercont2{
            background-color: white;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: -100px;
            margin-bottom: 0px;
            min-height: auto;
        } 
        #offertexttitle{
            padding: 10px;
            font-size: 17px;
        }
        #offertexttext{
            padding: 20px;
        } 
        .offerbookbutton {
            font-size: 12px; 
        }
    }