p, li, span{
    font-family: "Montserrat", san-serif;
    font-size: 18px;
}

games{

    display: flex;

    flex-flow: row wrap;

    width: 100%;

    justify-content:center;

    color: rgba(255, 255, 255, 1);

}


    gametop{

        display: flex;

        flex-direction: column;

        width: 100%;

        align-items: center;

    }



    gamemiddle{

        display: flex;

        flex-direction: column;

        width: 100%;

        align-items: center;

    }



    gamebottom{

        display: flex;

        flex-direction: column;

        width: 100%;

        align-items: center;

    }


    #crapsimage{

        width: 100%;

        max-height: 400px;

        object-fit:contain;

    }



    #crapsdescription{

        width:50%;

        display: flex;

        flex-flow:column;

        justify-content: space-between;

    }



    @media (max-width: 950px){



        #sectionheading div{

            display: flex;

            flex-direction: column;

            align-items: center;

            width: 100%;

        }





        #sectionheading div ul{

            margin: 0px;

            width: 80%;

        }

        #sectionheading div ul li{

            margin: 5px 0px;

            width: 100%;

        }



        #crapsdescription{

            width:90%;

        }

    }



   #sectioncontainer{

        

        border-radius: 15px;

        width: 80%;

        display: flex;

        flex-flow: row wrap;

        justify-content: space-around;

        

    }



    #gamesmain{

        background-color: rgba(0,0,0,.3);

        border-radius: 15px;

        margin: 10px 20px;

        max-width: 90%;

        overflow:auto;

        color: rgba(255,255,255,1);

    }



    #gamesmain{

        text-decoration: none;

    }



    #gamesmain a:hover{

        background-color: rgba(7,80,25,1);

    }



    #gamesmain a:visited{

        color: rgba(219, 230, 20, 1);

    }





    #gameimage{

        display: flex;

        height: auto;

        overflow: auto;

        width: 50%;

    }



    #gameimage figure{

        display:flex;

        width:100%;

    }



    #gamedescription{

        display: flex;

        flex-flow: column nowrap;

        width:50%;

        align-items: center;

    }



    #gamedescription p{

        margin-top:30px;

        margin-bottom:auto;

    }



    @media (max-width: 1150px){

        #gamesmain{

            background-color: rgba(0,0,0,.3);

            border-radius: 15px;

            margin: 10px 20px;

            max-width:100%;



        }   

        #sectionheading{

            display: flex;

            flex-flow: column;

            align-items: center;

        }

        #gameimage{

            order: 1;

            max-width:100%;

        }

        #gamedescription{

            order: 2;

            width: 100%;

        }

        #gamedescription p{

            margin-top:auto;

            margin-bottom: 10px;

        }

        

        #sectioncontainer{

            width: 100%;

        }



    }



    @media (max-width: 900px){

        #gamesmain{

            width: 80%;

        }

        #gamesmain figure{

            display: flex;

            flex-flow: column;

            margin-left: auto;

            margin-right: auto;

            width: 80%;

        }

        #gamesmain img{

            object-fit: contain;

        }

        #gamesmain figcaption{

            text-align: center;

        }

    }