.boardsfront{
    font-size:20px;
}
.thead-inverse{
    font-size:25px;
}
@media screen and (max-width: 1000px) {
    .boardsfront{
        font-size:3vw;
    }
    .thead-inverse{
        font-size:3.5vw;
    }
    
}




@media screen and (max-width: 1000px) {
    .login {
    position:relative;
    right:0;
    top:0;
    display: none !important;
    
}
}
.topnav {
display: none;
}

.pages {
    position:relative;
    padding:10px;
    margin-top:5px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-size: 10px;
    color:white;
}
.pages:hover{
    filter:brightness(80%);
    text-decoration:none;
    color:white;
    border-radius:20px;
}




.mobiledetails {
    display: none;
}
.marginmobile{
    margin:10px;
}
.marginmobile2{
    margin-top:10px;
}
@media screen and (max-width: 1000px) {
    .mobiledetails {
    display: block;
    
    }
    .marginmobile{
        margin:0px;
        padding:2px;
    }
    .marginmobile2{
        margin-top:0px;
    }
    
    .pages2{
        font-size:10pt;
        padding:10px;
    }
}

@media screen and (max-width: 1000px) {
    .extraDetails{
    display: none !important;
    
}

}



@media screen and (max-width: 1000px) {
.topnav {
display: inline-block;
cursor: pointer;
width:100%;

}
}

.topnav #myLinks {
display: none;
float:left;
width:100%;
}


.topnav a{
    
margin-right:30px;
margin-top:20px;
margin-left:0px;
cursor: pointer;

font-size: 12pt;
display: block;

}
.topnav a:hover{

    text-decoration:none;
}

#boards a{
    color:white;
}

#news a {
    
    color: rgb(0, 0, 0);

    
    }



.topnav a.icon {
display: block;
position: absolute;

cursor: pointer;
margin-right:20px;
margin-top:5px;

right: 0;
top: 0;

}

.burgerline1, .burgerline2, .burgerline3 {
width: 30px;
height: 2.5px;
background-color: rgb(253, 250, 250);
margin: 7px 0;
transition: 0.4s;
}

/* Rotate first bar */
.change .burgerline1 {
transform: translate(0, 9px) rotate(-45deg);
}

/* Fade out the second bar */
.change .burgerline2 {opacity: 0;}

/* Rotate last bar */
.change .burgerline3 {
transform: translate(0, -9px) rotate(45deg);
}

/*boards*/