/*Global CSS*/
@media (max-width: 767px) {
    body{
        width: auto;
        background: url(https://snoopitek.com/assetsowo/pix/bg3.gif);
        background-color: black;
        background-size: 100%;
        background-position: center;
        color: white;
    }
    .phone{
        position: absolute;
        overflow: hidden;
        top: 0;
    }
    .beta{

        visibility: hidden;
    }
}
@media (min-width: 768px) {
    .phone{
        visibility: hidden;
        position: absolute;
        top: 0;
    }
    body{
        height: 100%;
    }
    body{
        background: url(https://snoopitek.com/assetsowo/pix/bg3.gif);
        background-color: black;
        background-size: 100%;
        background-position: center;
        color: white;
    }
    .beta{
        .body{
            width: 60%;
            margin-left: 20%; margin-right: 20%;
            margin-top: 5%; margin-bottom: 0;
            .title{
                border: solid 1px;
                text-align: center;
                font-size: 150%;
                background-color: black;
            }
            .navbar{
                overflow: hidden;
                background-color: black;
                top: 0;
                display: block;
                margin-left: auto;
                margin-right: auto;
                border: 1px outset white;
                margin-bottom: 50px;
                a{
                    float: left;
                    display: block;
                    color: #f2f2f2;
                    text-align: center;
                    padding: 4px 16px; /* <Height> than <Width> */
                    text-decoration: none;
                    font-family: serif;
                }
                a:hover{
                    background-color: midnightblue;
                    color: white;
                }
            }
            .content{
                background-color: black;
                border: solid 1px;
                h3{
                    text-align: center;
                    font-size: 140%;
                }
                p{
                    text-align: center;
                    font-size: 120%;
                }
                h2{
                    margin-left: 20px;
                }
                .latest{
                    .title{
                        border: unset;
                        text-align: start;
                        margin-left: 60px;
                        font-size: 150%;
                    }
                    .about{
                        width: 45%;
                        margin-left: 2.5%;
                    }
                }
                
            }
        }
    }
}