.oerncontent{
width:100%;
margin: 0px 0px 0px -50px;
text-align:justify;
background-color:rgba(241, 241, 241, 0.24);
height:800px;
}
.oerhd{
font-size: 280px;
margin: -60px 0px 0px 0px;
text-decoration:underline;
text-decoration-thickness:9px;
text-decoration-color:#F4ab3f;
}
.oerhdt{
margin:35px 0px 0px 0px;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:24px;
padding:0px 0px 0px 0px;
}
.upperdiv{
display: grid;
grid-template-columns:33% 33% 13%;
justify-items: center;
margin: 50px 0px 0px 0px;
}
.lowerdiv{
margin-top:-17%;
margin-left: 32%;
}
.oerfirst{
text-align:center;
width:25%;
height:500px;
position:relative;
float:left;
}
.oerfirstinner{
text-align:center;
box-shadow:0px 1px 11px 2px #ccc;
min-height:500px;
width:275px;
background-color:#fff;
}
.oersecond{
}
.oersecondinner{
text-align:center;
box-shadow:0px 1px 11px 2px #ccc;
width:275px;
background-color:#fff;
min-height: 285px;
}
.oerthird{
text-align:center;
width:25%;
height:500px;
position:relative;
float:left;
}
.oerthirdinner{
text-align:center;
box-shadow:0px 1px 11px 2px #ccc;
min-height:500px;
width:275px;
background-color:#fff;
}
.oerfourth{
text-align:center;
width:25%;
height:500px;
position:relative;
float:left;
margin-left: 0px;
margin-top: 0px;
}
.oerfourthinner{
text-align:center;
box-shadow:0px 1px 11px 2px #ccc;
min-height:500px;
width:275px;
background-color:#fff;
}
.oerfifth{
text-align:center;
width:25%;
height:500px;
position:relative;
float:left;
margin-top: 0px;
margin: 0px 0px 0px 45px;;
}
.oerfifthinner{
text-align:center;
box-shadow:0px 1px 11px 2px #ccc;
min-height:500px;
width:275px;
background-color:#fff;
}
.headingdivoer{
width:275px;
background-color:#490b1a;
padding:15px 0px 15px 0px;
color:#fff;
font-size:1.2em;
font-family: georgia, "Lucida Bright", "DejaVu Serif", serif;
margin-top: -10px;
}
.learmoreoer{
}
.learmoreoer a{
color: var(--accent-color);
margin-bottom: 10px;
display: block;
font-size:14px;
text-align: center;
margin-top: 10px;
font-weight:bold;
}
.learmoreoer a:hover{
font-weight:bold;
background-color:#f75700;
color:#fff;
}
.oertxt{
font-size:14px;
padding:10px 15px 0px 15px;
}
.bottomline{
margin:-40px 0px 0px 137px;
width:50%;
}
@media (max-width: 768px) {
.oerncontent{
display:grid;
grid-template-columns: repeat(1, 1fr);
margin: 0px 0px 0px -50px;
height: 2286px;
}
.upperdiv{
display:flex;
}
.oerfirst{
margin: 55px 0px 0px 85px;
}
.oerthird {
margin: 580px 0px 0px -531px;
}
.oerfourth{
margin-left:85px;
margin-top:75px;
}
.oerfifth{
margin: 45px 0px 0px 85px;
}
.lowerdiv {
margin-top: 5%;
margin-left: 12%;
display:grid;
grid-template-columns: repeat(1, 1fr);
margin: 0px 0px 0px 0px;
}
.oerhdt{
margin: -78px 0px 0px -100px;
width: 70%;
text-align: center;
}
.bottomline {
margin: -40px 0px 0px 75px;
}
}