.bgd{
    position:absolute;
    top:0;
    left:30%;
    width:100%;
    height:100%;
    background-image: url("kartafla.png");
    opacity:0.2;
    background-repeat:no-repeat;
z-index:-1;
}


.header-mobile {
display:none;
}

.web {
    color:black;
    font-size:3em;
    font-family: helvetica, sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    align:right;
    letter-spacing:3px;
    width:1000px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding:0px;
}


.pre-header {
    color:black;
    font-size:1em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform: uppercase;
    letter-spacing:8px;
    width:1000px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
}



.header {
    color:black;
    font-size:3em;
    font-family: helvetica, sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing:3px;
    width:1000px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
}

.navigator {
    color:black;
    font-size:1em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform: uppercase;
    text-align:center;
    letter-spacing:3px;
    width:1000px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
   background-color:rgba(255, 255, 255, 0.1);
}

.main {
    color:black;
    font-size:1em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform: normal;
    letter-spacing:1.5px;
    width:1000px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
   background-color:rgba(255, 255, 255, 1);
}


.main p {
    color:black;
    font-size:1em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform: Uppercase;
    letter-spacing:1px;
    width:1000px;
    display:block;
    margin:12px;
   background-color:rgba(255, 255, 255, 1);
}

.box {
    color:black;
    font-size:0.8em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform: normal;
    letter-spacing:1px;
    border:2px solid;
    border-color:rgba(240,0, 0, 0.1);
    width:45%;
    display:inline-block;vertical-align:top;
    margin-left: auto;
    margin-right: auto;
    padding:20px;
    background-color:rgba(255,255, 255, 0.1);
}

.box2 {
    color:black;
    font-size:0.8em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform: normal;
    letter-spacing:1px;
    border:2px solid;
    border-color:rgba(240,0, 0, 0.1);
    width:100%;
    display:block;vertical-align:top;
    margin-left: auto;
    margin-right: auto;
    padding:20px;
    background-color:rgba(255,255, 255, 0.1);
}


.box2 p {
    font-weight:normal;
    text-transform: none;
    letter-spacing:1px;
}


.box p {
  width:100%;
   margin:0px;
color:black;
    font-size:1em;
    font-family: helvetica, sans-serif;
    font-weight:normal;
    text-transform:none;
    letter-spacing:1px;
}

.event-info {
   text-transform:uppercase;
font-size:1em;
color:pink;
margin-left: auto;
    margin-right: auto;
}

.silence {
   display:block;
   height:50px;
   width:100%;
   background:white;
   text-align:center;
}


.footer {
   
   left:0px;
   bottom:0px;
   height:60px;
   width:100%;
   background:white;
   text-align:center;
}



A:link {text-decoration: none; color: pink; background-color:none;}
A:visited {text-decoration: none; color: pink; background-color:none;}
A:active {text-decoration: none; color: black; background-color:none;}
A:hover {text-decoration: none; color:gray; background-color:none;}