.content{
    max-width:1440px;
    margin:auto;
    overflow-y: hidden;
    position:relative;
}

/*.content p{
    max-width:1000px;
    margin:auto;
}

.content ol, .content ul, .content > div{
    max-width:900px;
    margin:auto;
} */

.landing{
    display:grid;
    display:-ms-grid;
    display:-moz-grid;
    grid-template-columns:50% 50%;
    /* margin: 0rem 1rem; */
}

.coverImage{
    /* border:1px solid rgb(210, 210, 210); */
    margin-top:6rem;
    height:490px;
    border-radius:7px;
}

.coverImage img{
    width:100%;
    height:100%;
    object-fit:cover;
}

@media (max-width:757px){
    .landing{
        margin:0rem;
    }
    .coverImage{
        border-radius:0;
    }
}



@media (min-width:1058px) and (max-width:1153px){
    .coverImage{
        height:450px;
    }
}

@media (min-width:948px) and (max-width:1058px){
    .coverImage{
        height:420px;
    }
}


@media (min-width:905px) and (max-width:948px){
    .coverImage{
        height:390px;
    }
}

@media (min-width:814px) and (max-width:905px){
    .coverImage{
        height:360px;
    }
}

@media (max-width:814px){
    .coverImage{
        height:330px;
    }
}

@media (max-width:756px){
    .content{
        padding:0rem;
    }
    .landing{
        grid-template-columns:100%;
        grid-template-rows:auto auto;
    }
    .coverImage{
        height:90vw;
        margin-top:0rem;
        grid-area:1/1/2/2;
    }
    .details{
        grid-area:2/1/3/2;
    }
}
.details{
    padding:2rem 1rem;
}

.details h1{
    margin-bottom:1.5rem;
    border-left:3px solid rgba(236, 119, 9, 0.966);
    padding-left:0.7rem;
}

.images{
    max-width:1100px;
    margin:2rem auto;
}

@media (min-width:1088px){
    .images{
        max-width:1100px;
    }
}
@media (min-width:580px) and (max-width:1088px){
    .images{
        width:90%;
    }
}
@media (max-width:580px){
    .images{
        width:100%;
    }
}

@media (max-width:757px) {
    .images{
        padding:0.5rem;
    }
}

.content h2{
    text-align:center;
    margin:1rem auto;
}

.content section > p > a{
    color:rgb(22, 81, 243) !important;
}

.content section{
    margin-bottom:2rem;
    padding:2rem 1rem;
}

.content section p{
    max-width:900px;
    margin:auto;
}

.content section ol{
    text-align:center;
    margin:auto;
    list-style:none;
}

.content section ol li{
    width:max-content;
    margin:auto;
    padding:0.5rem;
}
/*.content section ol, .content section ul{
    padding-left:rem;
}*/

@media (max-width:757px){
    .content section ol, .content section ul{
        padding-left:0rem;
    }
}

.content section ul{
    width:max-content;
    max-width:700px;
    margin:auto;
}
@media (max-width:720px){
    .content section ul{
        width:95%;
        padding-left:0.5rem;
    }
}

.content section ul li{
    padding:0.5rem;
}

.main section a, .main div a{
    color:rgb(22, 81, 243);
}

.button{
    /* border:4px solid green; */
    border:4px solid rgb(0, 87, 218);
    margin:1rem auto;
    padding:0.6rem 0.5rem;
    display:inline-block;
    font-size:1.4rem;
    color:white;
    /* background-color:rgb(32, 133, 32); */
    background-color:rgb(0, 102, 255);
    border-radius:10px;
    display:grid;
    width:max-content;
}

.button:hover{
    border-color:rgb(0, 72, 180);
    background-color:rgb(0, 82, 206);
    cursor:pointer;
}

.main section:nth-of-type(1) a:last-of-type,
.main section:nth-of-type(3) a:last-of-type,
.main section:nth-of-type(4) a:last-of-type{
    color:white;
}

.main section li a{
    color:rgb(22, 81, 243) !important;
}