html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #141313;
    width: 100%;
    height: 100%;
    font-family: "Open Sans", sans-serif;
}

h1 {
    color: #13C4A3;
    font-size: 1.60465116279vw; /*23px*/
    padding: 0px;
    margin: 0px;
}

h3 {
    color: #FFFFFF;
    font-size: 1.39534883721vw; /*20px*/
    padding: 0px;
    margin: 0px;
}

p {
    color: #6FB3D3;
    font-size: 1.25581395349vw; /*18px*/
    padding: 0px;
    margin: 0px;
}

#mainheader
{
    width: 100%;
    height: fit-content;
}

#org1{
    float: left;
    width: 45%;
    margin: 1.39534883721vw; /*20px*/
}

#org4{
    float: right;
    width: 45%;
    margin: 1.39534883721vw; /*20px*/
}

#org2{
    float: left;
    width: 50%;
}

#org3{
    float: right;
    width: 50%;
}

.sect {
    border: 0.209302325581vw solid white; /*3px*/
    display: inline-block;
    margin: 0.348837209302vw; /*5px*/
    background-color: #000000;
}

#s2, #s3, #s4, #s5 {
    width: 20.9302325581vw; /*300px*/
    height: 20.9302325581vw; /*300px*/
}

#s1 {
    width: 20.9302325581vw; /*300px*/
    height: 43.2558139535vw; /*620px*/
}

#s6 {
    width: 43.2558139535vw; /*620px*/
    height: 20.9302325581vw; /*300px*/
}

.header {
    border: 0px;
    background-color: #13C4A3;
    width: 100%;
    height: fit-content;
    transition: background-color 0.2s ease-out 100ms;
}

.header:hover {
    background-color: #11b698;
}

.popup {
    background-color: #141313;
    border: 3px solid white;
    position: fixed;
    opacity: 0;
    z-index: -1;

    top: 5%;
    right: 25%;
    left: 25%;
    bottom: 5%;

    width: 50%;
    height: 90%;
    padding: 0.697674418605vw; /*10px*/
    
    justify-content: center;
    overflow-y: auto;
}

#cont1.open {
    opacity: 1;
    z-index: 999;
}

#cont2.open {
    opacity: 1;
    z-index: 999;
}

#cont3.open {
    opacity: 1;
    z-index: 999;
}

#cont4.open {
    opacity: 1;
    z-index: 999;
}

#cont5.open {
    opacity: 1;
    z-index: 999;
}

#cont6.open {
    opacity: 1;
    z-index: 999;
}

#cont7.open {
    opacity: 1;
    z-index: 999;
}

button {
    background-color: #6FB3D3;
    border: none;
    width: 100%;

    text-align: center;
    text-decoration: none;
    color: #f4f4f4;
    font-size: 1.11627906977vw; /*16px*/
    transition: background-color 0.1s linear 100ms, color 0.1s linear 100ms;
    
    padding: 0.697674418605vw 1.39534883721vw; /*10px 20px*/
    margin: 0;
    cursor: pointer;
}

button:hover {
    background-color: #498EAE;
    color: #FFFFFF;
}

ul {
    color: #6FB3D3;
    font-size: 1.25581395349vw; /*18px*/
}

.coverimg {
    width: 100%;
    display: block;
    margin: auto;
    transition: transform 0.2s ease 100ms;
}

.coverimg:hover {
    transform: scale(1.2);
    overflow: hidden;
}

.coverimgcont {
    width: 100%;
    overflow: hidden;
}