﻿body {
}

.menuItem {
    letter-spacing: 0px;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 15px;
}

#newsSection h2 {
   font-size:30px;
}

#newsHeader {
    font-size: 45px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#eventHeader {
    font-size: 45px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.headerDecoleft {
    position: absolute;
    left: -29px;
    top: 61px;
    width: 40px;
}
.headerDecoright {
    position: absolute;
    right: -23px;
    top: 3px;
    width: 40px;
}

.eventheaderDecoright {
    position: absolute;
    right: 53px;
    top: -1px;
    width: 40px;
}

.eventheaderDecoleft {
    position: absolute;
    left: 30px;
    top: 103px;
    width: 40px;
}

.newsheaderText{
    padding:0;
}

#representSection h2 {
    font-size: 30px;
}

@media only screen and (max-width: 1360px) {
    .newsContent {
        display: none;
    }
    .pecLoco {
        top: -90px;
    }
}

@media(max-width: 767px) {
    a.menuItem {
        font-size: 30px;
    }
    a:hover.menuItem {
        font-size: 30px;
    }
    .newsRow {
         padding-top: 200px; 
        padding-bottom: 20px;
    }

    #mpcContainer {
        padding-top: 200px;
    }

    #eventHeader {
        font-size: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 0px) and (max-width: 699px) {
    .newstitle {
        font-size: 12pt;
    }
    .eventheaderDecoleft {
        position: absolute;
        left: -17px;
        top: 103px;
        width: 40px;
    }
    .eventheaderDecoright {
        position: absolute;
        right: -34px;
        top: -1px;
        width: 40px;
    }
    #eventHeader {
     
        padding-left: 40px;
        padding-right: 40px;
    }
}
