cps.css

h1, h4
{
color: #886406;
}

h2
{
color: #5c8021;
}

h2 a
{
color: #5c8021;
}

#recent_announcements
{
border-left: solid;
border-color: #5c8021;
padding-left: 0.5em;
}

#recent_announcements h2
{
font-size: 1.5em;
color: #5c8021;
}

/* .field-items
{
width: 100%;
}
.field-item.even
{
width:100%;
}
.panels-ipe-sort-container
{
width: 100%;
}
.panels-ipe-portlet-content
{
width: 100%;
}
.panel-pane.pane-fieldable-panels-pane.pane-vuuid-4f962927-20e8-4bf3-8ae8-38d9fe5b9c45.pane-bundle-text
{
width: 100%;
}
.pane-content
{
width: 100%;
}
.fieldable-panels-pane
{
width: 100%;
}
.field.field-name-field-basic-text-text.field-type-text-long.field-label-hidden
{
width: 100%;
} */

h1.intro
{
position: absolute;
top: 10%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 3em;
}

p.scroll
{
position: relative;
color: #fff;
margin: auto;
text-align: center;
font-size: 1.5em;
}

.header
{
position: relative;
}

img.banner
{object-fit: cover;object-position: center;width:100vw;height:600px;background-color:red;}

.relative
{
position: relative;
margin-top:-100px;
width: 100vw;
}

.left
{
position: absolute;
left:0;
width:calc(50vw - 100px);
background-color: #fff;
top:0px;
height: 100px;
}

.right
{
position: absolute;
right:0;
width:calc(50vw - 100px);
background-color: #fff;
top:0px;
height:100px;
}

.triangle
{
position: absolute;
width: 0px;
height: 0;
left:0;
right:0;
border-left: 100px solid #fff;
border-right: 100px solid #fff;
border-top: 100px solid transparent;
margin:auto;
top: 0px;
}