*{
    overflow-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    scrollbar-color: #646464 transparent;
}

body{
    padding: 0;
    margin: 0;
    margin-top: -5px;
    background-color: #fdfbfb;
}

/* PICS */
img{
    display: block;
    margin: auto;
    border: 1px solid #000;
    border-radius: 3px;
}

video{
    display: block;
    margin: auto;
    max-width: 750px;
    max-height: 600px;
    border-radius: 3px;
}

.view{
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.loc{
    left: 50%;
    margin-left: -5px;
    margin-top: -35px;
    position: absolute;
    background: url(images/loc.png);
    width: 11px;
    height: 16px;
}

.loc:hover{
    background: url(images/loc2.png);
    width: 13px;
    height: 19px;
}

.loctxt{
    display: inline-flex;
    position: absolute;
    background: url(images/loc.png);
    width: 11px;
    height: 16px;
    margin-left: 6px;
    margin-top: 4px;
}

.loctxt:hover{
    background: url(images/loc2.png);
    width: 13px;
    height: 19px;
}

#inv{
    filter: invert(1);
    margin-top: 1px;
}

.ban1{
    border: none;
}

.ban2{
    display: none;
    border: none;
}

.ban3{
    display: none;
    border: none;
}

#link{
    padding-top: 10px;
    width: fit-content;
}

.itxt{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2em;
    font-size: .9em;
    text-align: center;
    margin: auto;
    max-width: 750px;
    margin-bottom: 45px;
}

.ntxt{
    margin-bottom: 45px;
}

#nbord{
    border: none;
}
/* BIG IMAGE */
#bigm, #big2m, #big3m, #big4m, #big5m, #big6m, #big7m, #big8m, #big9m, #big10m, #big11m, #big12m, #big13m, #big14m, #big15m, #big16m, #big17m, #big18m, #big19m, #big20m, #big21m, #big22m, #big23m, #big24m, #big25m, #big26m, #big27m, #big28m, #big29m, #big30m, #big31m, #big32m, #big33m, #big34m, #big35m, #big36m, #big37m, #big38m, #big39m, #big40m, #big41m, #big42m, #big43m{
    position: fixed;
    z-index: 7;
    left: 0;
    bottom: -100vh;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .7);
    transition: .6s;
    opacity: 0;
}

#big, #big2, #big3, #big4, #big5, #big6, #big7, #big8, #big9, #big10, #big11, #big12, #big13, #big14, #big15, #big16, #big17, #big18, #big19, #big20, #big21, #big22, #big23, #big24, #big25, #big26, #big27, #big28, #big29, #big30, #big31, #big32, #big33, #big34, #big35, #big36, #big37, #big38, #big39, #big40, #big41, #big42, #big43{
    display: none;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    cursor: default;
    border: none;
}

#bigs, #big2s, #big3s, #big4s, #big5s, #big6s, #big7s, #big8s, #big9s, #big10s, #big11s, #big12s, #big13s, #big14s, #big15s, #big16s, #big17s, #big18s, #big19s, #big20s, #big21s, #big22s, #big23s, #big24s, #big25s, #big26s, #big27s, #big28s, #big29s, #big30s, #big31s, #big32s, #big33s, #big34s, #big35s, #big36s, #big37s, #big38s, #big39s, #big40s, #big41s, #big42s, #big43s{
    cursor: zoom-in;
}
/* BIG IMAGE END */

/* LIGHTBOX */
.gal{
    position: absolute;
    cursor: pointer;
    right: 50%;
    background: url(images/gal.png);
    width: 28px;
    height: 28px;
}

.gal:hover{
    background: url(images/gal2.png);
    width: 30px;
    height: 30px;
}

.column{
    display: inline-block;
    margin-right: 1px;
}

.thumb{
    opacity: 0.4;
    cursor: pointer;
    height: 90px;
    width: 100%;
}

#modal{
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#modal::-webkit-scrollbar{
    display: none;
}

.big img{
    max-height: 844px;
    max-width: 100%;
    border: none;
    margin-bottom: 2px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -847px;
    margin-bottom: 846px;
}

.big video{
    max-height: 844px;
    max-width: 100%;
    border: none;
    margin-bottom: 2px;
}

.big:hover{
    cursor: default;
}

.bigl div{
    margin: auto;
    width: fit-content;
}

.bigl div:hover{
    cursor: alias;
}

.prev{
    transform: rotate(135deg);
    left: 130px;
}

.next{
    transform: rotate(-45deg);
    right: 130px;
}

.arrow2{
    border: solid white;
    border-width: 0 10px 10px 0;
    padding: 12px;
    z-index: 3;
    position: fixed;
    top: 45%;
    opacity: .4;
}

.arrow2:hover{
    padding: 14px;
    cursor: pointer;
    opacity: 1;
}

.arrow2:active{
    opacity: .7;
}

.close {
    color: white;
    position: fixed;
    top: 5px;
    right: 20px;
    font-size: 45px;
    font-weight: bold;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding-left: 13px;
    padding-right: 13px;
}
  
.close:hover{
    cursor: pointer;
    font-size: 3.1em;
    background-color: rgba(0, 0, 0, 0.3);
}

.close:active{
    opacity: .7;
}

#caption{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    margin-bottom: 0;
    color: white;
}

#caption a{
    color: #0078da;
}

#caption a:active{
    color: #0099ff;
}

.active, .thumb:hover {
    opacity: 1;
}
/* LIGHTBOX END*/

/* PICS END */

/* TEXT */
.date{
    position: absolute;
    left: 50%;
    margin-top: -107px;
    margin-left: -558px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
}

h1{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 50px;
}

h2{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1.5em;
}

sup{
    font-size: .6em;
}

p{
    font-family: 'Times New Roman', Times, serif;
    margin: auto;
    margin-bottom: 45px;
    max-width: 750px;
    font-size: 1.2em;
    line-height: 1.35em;
    text-align: justify;
}

a{
    color: #0645ad;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a:active{
    color: #faa700;
}

.bt{
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.2em;
    line-height: 1.35em;
    display: block;
    margin: auto;
    max-width: 750px;
    padding-left: 18px;
    padding-bottom: 5px;
}

#br2{
    display: block;
    margin-bottom: 15px;
}

.tooltip{
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}
  
.tooltip .tooltiptext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -30%;
}
  
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
  
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/* TEXT END */

/* NAV */
.main-nav{
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 1110px;
    margin: auto;
    top: 130px;
    display: flex;
    background-color:#000000;
}

.main-nav a{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
}

.main-nav a:hover{
    color:#8f875a;
}

#main-nav2{
    list-style: none;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    max-width: 1110px;
    margin: auto;
    top: 0;
    display: flex;
    background-color:#000000;
    opacity: 0;
}

#main-nav2 a{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
}

#main-nav2 a:hover{
    color:#8f875a;
}

#sidebar{
    display: none;
}

.right{
    transform: rotate(-45deg);
    position: fixed;
    top: 135px;
    right: 50%;
    margin-right: -600px;
}

.left{
    transform: rotate(135deg);
    position: fixed;
    top: 135px;
    left: 50%;
    margin-left: -600px;
}

.up{
    transform: rotate(-135deg);
    position: fixed;
    bottom: 50px;
    right: 50%;
    margin-right: -608px;
}

.arrow{
    border: solid black;
    border-width: 0 8px 8px 0;
    padding: 6px;
    z-index: 2;
}

.arrow:hover{
    padding: 7px;
}

#cal{
    position: fixed;
    top: 206px;
    left: 50%;
    margin-left: 584px;
    z-index: 2;
    border: solid 1px black;
    background: url(images/cal20.png);
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

#cal:hover{
    background: url(images/cal24.png);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

#cal2{
    display: none;
}

#ifr{
    display: none;
    position: fixed;
    top: 236px;
    right: 50%;
    margin-right: -627px;
    border: none;
    width: 245px;
    height: 650px;
    z-index: 0;
}

#ifr.go{
    display: block;
}

#ifrf{
    display: block;
    position: fixed;
    top: 236px;
    right: 50%;
    margin-right: -600px;
    border: none;
    width: 10px;
    height: 100%;
    z-index: 2;
}

#ifrf2{
    display: block;
    position: fixed;
    top: 236px;
    right: 50%;
    margin-right: -417px;
    border: none;
    width: 30px;
    height: 100%;
    z-index: 2;
}

#elon, #elon2, #elon3, #land2, #land3{
    opacity: 0;
    position: fixed;
    z-index: 2;
    margin: auto;
    bottom: 0;
    top: -150%;
    left: 0;
    right: 0;
    width: 400px;
    border: 1px solid black;
    border-radius: 3px;
}

.ban1:hover + #elon{
    opacity: 1;
    top: 0;
    transition-delay: .5s;
}

.ban2:hover + #elon2{
    opacity: 1;
    top: 0;
    width: 350px;
}

.ban2:hover + #land2{
    opacity: 1;
    top: 0;
    width: 350px;
}

#land2:hover{
    opacity: 1;
    top: 0;
    width: 350px;
}

.ban3:hover + #elon3{
    opacity: 1;
    top: 0;
}

.ban3:hover + #land3{
    opacity: 1;
    top: 0;
}

#land3:hover{
    opacity: 1;
    top: 0;
}

#hide{
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 379px;
    border: none;
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 100%;
    width: 570px;
    z-index: 5;
    background-color: #fdfbfb;
}

#open:hover + #hide{
    display: block;
}

.load {
    display: block;
    position: fixed;
    z-index: 6;
    left: 50%;
    margin-left: 630px;
    top: 48%;
    border: 10px solid #dadada;
    border-radius: 50%;
    border-top: 10px solid black;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
    opacity: 0;
    transition: .5s;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#txthide{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .95em;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 742px;
    margin-top: -46px;
    padding: 5px;
    border-radius: 3px;
    color: white;
    background-color: black;
    opacity: 0;
    z-index: -1;
    transition: .4s;
}

#txthide::after{
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

#txtopen{
    display: block;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2em;
    font-size: .9em;
    text-decoration: underline dotted 1px;
    text-underline-offset: 3px;
    max-width: 750px;
    margin: auto;
    margin-bottom: 45px;
}

#txtopen:hover + #txthide, #txthide:hover{
    opacity: 1;
    z-index: 1;
}

#pro{
    font-size: 1.6rem;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 8px;
    position: relative;
    bottom: 4px;
}

#pro:hover{
    cursor: pointer;
    color: #00000070;
}

#prohide{
    display: none;
    margin: auto;
    max-width: 360px;
    margin-top: -35px;
    border: none;
    height: 25px;
}

#prohide.go{
    display: block;
}

#popen{
    position: relative;
    text-decoration: underline dotted 1px;
    text-underline-offset: 2px;
}

#phide {
    opacity: 0;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: -1;
    bottom: 115%;
    left: 0;
    min-width: 400%;
    margin-left: -154%;
    padding-left: 5px;
    padding-right: 5px;
    transition: .4s;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .95rem;
    width: 130px;
}

#phide::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

#popen:hover #phide {
    opacity: 1;
    z-index: 4;
}

.pdate #phide {
    bottom: 140%;
    min-width: 200%;
    margin-left: -55%;
}

#strv{
    display: block;
    margin: auto;
    margin-bottom: 45px;
    width: 750px;
    height: 600px;
    border: solid 1px black;
    border-radius: 3px;
}

.tstrv{
    margin-bottom: 0 !important;
}

#challenge2{
    text-decoration: none;
    color: #02fd02;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    background-color: #0a2576;
    padding: .1rem .3rem;
    font-weight: 600;
    border-radius: 0 0 0 5px;
}

#challenge2:hover{
    color: #fa01fb;
}

#challenge2:active{
    color: #000;
}

#challenge{
    position: absolute;
    top: 0;
    right: 0;
}

#vert{
    position: absolute;
    z-index: -1;
    margin: auto;
    left: 0;
    right: 0;
    border: 1px solid black;
    border-top: none;
    border-bottom: none;
    top: 150px;
    height: 150%;
    max-width: 1148px;
}
/* NAV END */

@media screen and (max-width:1910px){

#open:hover + #hide {
    display: none;
}

.load {
    display: none;
}
}

@media screen and (max-width:1680px){

.big img{
    max-height: 814px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -817px;
    margin-bottom: 816px;
}

.big video{
    max-height: 814px;
}

#ifr{
    height: 620px;
}

.prev{
    left: 50px;
}

.next{
    right: 50px;
}
}

@media screen and (max-width:1536px){

img{
    max-height: 600px;
}

video{
    max-height: 600px;
}

#strv{
    height: 600px;
}

.big img{
    max-height: 628px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -631px;
    margin-bottom: 630px;
}

.big video{
    max-height: 628px;
}

#ifr{
    height: 434px;
}

.prev{
    left: 140px;
}

.next{
    right: 140px;
}
}

@media screen and (max-width:1440px){

#ifr{
    height: 470px;
}

.big img{
    max-height: 664px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -667px;
    margin-bottom: 666px;
}

.big video{
    max-height: 664px;
}

.prev{
    left: 60px;
}

.next{
    right: 60px;
}
}

@media screen and (max-width:1366px){

#ifr{
    height: 340px;
}

img{
    max-height: 550px;
}

video{
    max-height: 550px;
}

#strv{
    height: 500px;
}

/* LIGHTBOX */
.big img{
    max-height: 557px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -560px;
    margin-bottom: 559px;
}

.big video{
    max-height: 557px;
}

.thumb{
    height: 70px;
}

.prev{
    left: 110px;
}

.next{
    right: 110px;
}

#caption{
    font-size: .8em;
}
/* LIGHTBOX END*/

}

@media screen and (max-width:1365px){

.main-nav{
    display: none;
}

#main-nav2{
    display: none;
}

.date{
    margin-top: -33px;
    margin-left: -360px;
}

img{
    max-height: 600px;
}

video{
    max-height: 600px;
}

#phide{
    min-width: auto;
    margin-left: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 200px;
    border: 1px solid white;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 6px 0 0;
}

.pdate #phide {
    bottom: 0;
    min-width: auto;
    margin-left: auto;
}

#phide::after {
    content: none;
}

.loc, .loc:hover{
    background: url(images/loc.png);
    width: 11px;
    height: 16px;
}

.loctxt, .loctxt:hover{
    background: url(images/loc.png);
    width: 11px;
    height: 16px;
}

.ban1{
    display: none;
}

.ban3{
    display: block;
    margin-top: 15px;
}

#link{
    margin: 0;
    padding: 0;
    margin-top: -10px;
}

.right{
    top: 120px;
    right: 30px;
    margin-right: 0;
}

.left{
    top: 120px;
    left: 30px;
    margin-left: 0;
}

.up{
    display: none;
}

.arrow:hover{
    padding: 8px;
}

.tooltiptext{
    display: none;
}

h1{
    margin-top: 40px;
}

#challenge{
    display: none;
}

#vert{
    display: none;
}

/* BURGERMENU */
#sidebar{
    display: flex;
    width: 150px;
    height: 100%;
    background-color: #000000;
    position: fixed;
    right: -170px;
    top: 190px;
    transition: .15s;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    z-index: 1;
}

#sidebar.go{
    right: 0px;
}

#sidebar ul li{
    list-style: none;
    padding: 10px 10px;
    margin-left: -40px;
    border-bottom: 2px solid #808080;
}

#sidebar a:active{
    color: red;
    text-decoration: none;
}

#hh{
    margin: 0;
}

#hh:active{
    font-size: 2.2em;
}

.a{
    color: #ffffff;
}

#sidebar .menu-button{
    position: fixed;
    right: 20px;
    top: 145px;
    cursor: pointer;
}
/* BURGERMENU END */

#cal{
    display: none;
}

#cal2, #cal2:hover{
    display: block;
    position: fixed;
    left: 22px;
    top: 159px;
    z-index: 2;
    border: solid 1px black;
    background: url(images/cal28.png);
    width: 28px;
    height: 28px;
    border-radius: 3px;
}

#cal2:active{
    background: url(images/cal34.png);
    width: 34px;
    height: 34px;
}

#ifr{
    width: 60px;
    height: 810px;
    padding-bottom: 100vh;
    left: 0;
    top: 200px;
    background-color: black;
    z-index: 1;
}

/* LIGHTBOX */
.big img{
    max-height: 870px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -873px;
    margin-bottom: 872px;
}

.big video{
    max-height: 870px;
}

.close {
    top: 902px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    padding-right: 38px;
}

.close:hover{
    padding-right: 42px;
}

.arrow2{
    top: 910px;
}

.arrow2:hover{
    padding: 12px;
}

.arrow2:active{
    padding: 15px;
}

.prev{
    left: 150px;
}

.next{
    right: 150px;
}

#caption{
    font-size: 1em;
}
/* LIGHTBOX END*/

}

@media screen and (max-width:1365px) and (orientation: landscape){

#ifr{
    height: 560px;
    padding-bottom: 100vh;
}

#strv{
    height: 500px;
}

/* LIGHTBOX */
.big img{
    max-height: 590px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -593px;
    margin-bottom: 592px;
}

.big video{
    max-height: 590px;
}

.prev{
    left: 20px;
}

.next{
    right: 20px;
}

.arrow2{
    top: 330px;
}

.close {
    top: 10px;
    left: auto;
    right: 5px;
}
/* LIGHTBOX END*/

}

@media screen and (max-width:1024px) and (max-height:600px) and (orientation: landscape){

.big img{
    max-height: 422px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -425px;
    margin-bottom: 424px;
}

.big video{
    max-height: 422px;
}

img{
    max-height: 422px;
}

video{
    max-height: 422px;
}
}

@media screen and (max-width:767px){

#pro{
    font-size: 2rem;
    margin-left: 15px;
    bottom: 15px;
}

#prohide{
    margin-top: -45px;
}

#txthide{
    max-width: 342px;
}

#txtopen{
    max-width: 350px;
}

.itxt{
    max-width: 350px;
}

.date{
    margin-left: -170px;
}

.right{
    top: 35px;
    right: 18px;
}

.left{
    top: 35px;
    left: 18px;
}

img{
    max-width: 350px;
}

video{
    max-width: 350px;
    max-height: 500px;
}

.ban3{
    display: none;
}

.ban2{
    display: block;
    margin-top: 15px;
}

p, .bt{
    max-width: 340px;
}

.bt{
    padding-left: 14px;
}

/* BURGERMENU */
#sidebar{
    width: 135px;
    top: 115px;
    font-size: 1.05em;
}

#sidebar .menu-button{
    top: 75px;
    right: 11px;
}
/* BURGERMENU END */

#cal2, #cal2:hover{
    left: 11px;
    top: 82px;
}

#ifr{
    width: 46px;
    top: 120px;
    height: 510px;
}

#strv{
    width: 350px;
    height: 400px;
}

/* LIGHTBOX */
.gal{
    background: url(images/gal.png);
    width: 28px;
    height: 28px;
}

.big img{
    max-height: 600px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -603px;
    margin-bottom: 602px;
}

.big video{
    max-height: 470px;
}

.column{
    margin-right: -1px;
}

.thumb {
    height: 46px;
}

.close {
    top: 496px;
}

.arrow2{
    top: 502px;
}

.prev{
    left: 70px;
}

.next{
    right: 70px;
}

#caption{
    font-size: 1.1em;
}
/* LIGHTBOX END*/

}

@media screen and (max-width:1023px) and (orientation: landscape){

p, .bt{
    max-width: 340px;
}

.ban3{
    display: none;
}

.ban2{
    display: block;
    margin-top: 15px;
}

#txthide{
    max-width: 342px;
}

#txtopen{
    max-width: 350px;
}

.itxt{
    max-width: 350px;
}

.date{
    margin-left: -170px;
}

.right{
    top: 10px;
}

.left{
    top: 10px;
}

#cal2, #cal2:hover{
    top: 40px;
}

#ifr{
    top: 80px;
    height: 250px;
}

img{
    max-width: 350px;
    max-height: 250px;
}

video{
    max-width: 350px;
    max-height: 250px;
}

#strv{
    width: 350px;
    height: 250px;
}

/* BURGERMENU */
#sidebar{
    top: 68px;
}

#sidebar .menu-button{
    top: 30px;
}

#sidebar ul li{
    padding: 3px 3px;
}
/* BURGERMENU END */

/* LIGHTBOX */
.big img{
    max-height: 310px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -313px;
    margin-bottom: 312px;
}

.big video{
    max-height: 310px;
}

.prev{
    left: 20px;
}

.next{
    right: 20px;
}

.arrow2{
    top: 130px;
}

.close {
    top: 10px;
    right: 8px;
}

#caption{
    font-size: 1.1em;
}
/* LIGHTBOX END*/

}

@media screen and (max-width:360px){

#prohide{
    margin-top: -56px;
}
}

@media screen and (min-width:2560px){

.big img{
    max-height: 1200px;
}

#bigimgf{
    background: url(images/bigimgf.png);
    width: 1px;
    height: 1px;
    margin-top: -1203px;
    margin-bottom: 1202px;
}

.big video{
    max-height: 1200px;
}

#ifr{
    height: 1010px;
}

#hide {
    width: 890px;
}

.load {
    margin-left: 770px;
    border: 15px solid #dadada;
    border-top: 15px solid black;
    width: 80px;
    height: 80px;
}

.prev{
    left: 250px;
}

.next{
    right: 250px;
}
}