h1, h2, h3, h4, h5, h6 {
    font-family: Inter;
}

body {
    font-family: Inter;
}

img {
    margin: 0;
    padding: 0;
}

div {
    margin: 0;
    padding: 0;
}

.container {
    height: 556px;
    width: 100%;
    background:linear-gradient(0deg, rgba(0,0,41, 0.8), rgba(0,0,41, 0.8));
}

.container2 {
    height: 500px;
    width: 100%;
    margin: auto 0;
}

.container_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container_img2 {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

.bg-text {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0);
    color: white;
    font-weight: 600;
    font-style: italic;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    padding: 20px;
    text-align: center;
}

.panel1 {
    background:linear-gradient(0deg, rgba(147,46,145, 0.4), rgba(147,46,145, 0.4)), url('../images/pic1.jpg');
    background-size:cover;
}

.panel2 {
    background:linear-gradient(0deg, rgba(147,46,145, 0.4), rgba(147,46,145, 0.4)), url('../images/pic2.jpg');
    background-size:cover;
}

.panel3 {
    background:linear-gradient(0deg, rgba(147,46,145, 0.4), rgba(147,46,145, 0.4)), url('../images/pic3.jpg');
    background-size:cover;
}

.panel4 {
    background:linear-gradient(0deg, rgba(0,0,41,0.6), rgba(0,0,0,0.8)), url('../images/pic5.jpg');
    background-size:cover;
}

.panel5 {
    height: 424px;
    background:linear-gradient(0deg, rgba(0,0,41,0.6), rgba(0,0,0,0.4)), url('../images/pic6.jpg');
    background-size:cover;
}

.panel7 {
    background:linear-gradient(0deg, rgba(0,0,41,0.6), rgba(0,0,41,0.6)), url('../images/pic2.jpg');
    background-size:cover;
}

.panel6 {
    background:linear-gradient(0deg, rgba(190,190,190,0.1), rgba(190,190,190,0.2));
    background-size:cover;
}

.panel9 {
    height: 424px;
    background:linear-gradient(0deg, rgba(0,0,41,0.6), rgba(0,0,0,0.4)), url('../images/pic5.jpg');
    background-size:cover;
}

.menubar {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 9;
    width: 100%;
    padding-bottom: 10px;
}

.menu {
    font-size: 20px;
    color: #800080;
}

.menuSub {
    font-size: 14px;
    color: #FFFFFF;
}

.text {
    font-size: 18px;
}

.contentContainer {
    background: -moz-linear-gradient(#ffffff 0%, #ffffff 49%, #D3D3D3 50%, #D3D3D3 51%, #ffffff 52%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ffffff), 
        color-stop(50%, #D3D3D3), color-stop(51%, #D3D3D3), color-stop(52%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff 49%, #D3D3D3 50%, #D3D3D3 51%, #ffffff 52%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff 0%, #ffffff 49%, #D3D3D3 50%, #D3D3D3 51%, #ffffff 52%, #ffffff 100%);
    background: linear-gradient(#ffffff 0%, #ffffff 49%, #D3D3D3 50%, #D3D3D3 51%, #ffffff 52%, #ffffff 100%);
    margin: 0 10%;
    text-align: center;
}

.contentHeader {
    padding: 10px;
    font-size: 30px;
    font-weight: 600;
    color: #292929;
    background-color: #FFFFFF;
    padding:10px 20px;
}

.contentSubHeader {
    font-size: 26px;
    font-weight: 600;
    color: #6DBE45;
    padding: 0;
    margin:0;
}

.paragraph {
    font-size: 20px;
    color: #292929;
}

.privacy {
    font-size: 14px;
    color: #292929;
}

.newsDate {
    font-size: 14px;
    color: #6DBE45;
    display: block;
}

.newsHeader {
    font-size: 30px;
    font-weight: 600;
    color: #800080;
    display: block;
}

.news {
    font-size: 16px;
    color: #292929;
    text-align: justify;
    text-justify: inter-word;
    padding-bottom: 30px;
}

.link {
    color: #800080;
    text-decoration: underline;
}

.iconLink {
    padding: 10px 10px;
}

.iconLink i:hover {
    transform: scale(1.5);
}

.icon {
    height: 100px;
    width: 100px;
}

.more {display: none;}

.blog {
    width: 70%;
    margin: 5px auto;
}