body {
    background-color: rgb(80, 80, 80);
    color:white;
    margin:0px;
}


a{
    color:white;
    text-decoration: none;
}

a, p {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

p {
    font-weight:100;
    padding:0 5% 0 5%;
}

img, iframe {
    max-width: 100%;
    height:auto;
}

.abouttitle{
    text-align: center;
}



/*NAVBAR STYLES*/
header{
    background-color:#7d2020;
    padding: 10px;
}

.menu-item {
    font-size:1.5em;
    margin:20px;
}


nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:50px;
    padding:10px;
}

.logo{
    max-width: 50px;
}


/*HIDE THE DESKTOP NAV ON MOBILE*/
.desktop-nav{
    display:none;
}

/*THE HAMBURGER MENU*/

            .sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: #111;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            }

            .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
            transition: 0.3s;
            }

            .sidenav a:hover {
            color: #f1f1f1;
            }

            .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
            }


/*HOMEPAGE STYLES*/
.container {
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background-image:url('../img/onemore.gif');
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
    padding-left: 5%;
}

.page-title{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, cursive;
    font-size:4em;
    text-shadow:1px 1px 3px black;
    animation-name: flashText;
    animation-duration: 3s;
    animation-iteration-count: 2;
}

#cta-button{
    background:#7d2020;
    color:white;
    padding:20px;
}

/*ROB STYLES*/
.robcontainer{
    margin:10px;
}

.robimg{
    margin-top: 10px;
    max-width: 100%;
    height:auto;

}

.robinfo{
    margin:10px;
}

/*TYSON STYLES*/
.tycontainer{
    margin:10px;
}

.tyimg{
    margin-top:10px;
    max-width: 100%;
    height:auto;
}

.tyinfo{
    margin:10px;
}

/*PARVATI STYLES*/
.parvcontainer{
    margin:10px;
}

.parvimg{
    margin-top:10px;
    max-width: 100%;
    height:auto;
}

.parvinfo{
    margin:10px;
}

.article{
    margin:20px;
}


/*CSS ANIMATION...Notice how I used the animation on the .page-title above*/
@keyframes flashText {
    from {text-shadow: none;}
    to {text-shadow: 1px 1px 3px black;}
  }


@media screen and (min-width:1081px){
    /*Hide the mobile nav once the screen is 1081 pixels wide*/
    .mobile-nav{
        display:none;
    }
    /*Show the desktop nav*/
    .desktop-nav{
        display:flex;
    }

    .robcontainer{
        display:flex;
        justify-content: center;
    }

    .contestant-quick-facts{
        margin-left:20px;
    }

    .tycontainer{
        display:flex;
        justify-content: center;
    }

    .tyimg{
        max-width: 788px;
        margin-left: 20px;
    }

    .parvcontainer{
        display:flex;
        justify-content: center;
    }

    .parvimg{
        max-width:788px;
        margin-left: 20px;
    }

    .robinfo{
        margin:50px;
    }

    .tyinfo{
        margin:50px;
    }

    .parvinfo{
        margin:50px;
    }
}