/*
black- #050707
tan- #EFE3C6
dark blue- #2C3F59
orange- #FA4D00
dark gray- #4C4C4D

font- archive black*/

.player-grid-section{background-color: #2C3F59; width: 260px; height: 260px; float: left; padding: 20px; overflow: hidden; margin: 0; color: white;}


.player-grid-div{width: 300px; height: 300px; float: left; margin: 0;}


body{background-color: #050707; font-family: "archive black", sans-serif;}


#logo{display: block; margin: 20px auto;}


header nav ul{width: 550px; margin: 20px auto;}


header nav ul li{display: inline; padding: 0 20px; font-family: "archive black"; font-size: 20px;}


header{background-color:#FA4D00;}


p{color:#EFE3C6; font-size:12px;}


h3{color:#FA4D00;}


h2{color:#FA4D00;}


.colum{display: flex; flex-direction: column;}


.two-columns{display: flex; justify-content: center; margin:20px; }


.box{display: flex; align-items: center; padding: 10px;}


.box img{width:60px; height: 60px; object-fit: cover; margin-right: 10px;}


main{width:1200px;margin: 0px auto;}


.page-heading{display: block; width: 200px; margin: 20px auto; padding: 5px;}


.player-section{display: flex; justify-content: center; column-gap: 30px; margin: 20px;}


.player-images{display: flex; flex-direction: column; column-gap: 20px;}


.big-img{width: 250px; height: 150px; object-fit: cover;background-color:#EFE3C6}


.player-info{display: flex; flex-direction: column; column-gap: 20px; width: 400px;}


.player-box{padding: 10px; text-align: left; }


.middle-headings{display: flex; justify-content:space-between; margin: 20px 80px 10px;}


.section-heading{padding: 3px 10px; display: inline-block;}


.middle-section{display: flex; justify-content:flex-start; margin: 10px auto 20px; column-gap: 30px; flex-wrap: nowrap; align-items: flex-start;max-width: 1000px;}


.team-images{display: flex; flex-direction: column; column-gap: 20px;}


.small-img{width: 250px; height: 150px; object-fit: cover; margin-bottom: 40px;}


.team-info{display: flex; flex-direction: column; column-gap: 20px; width: 400px;}


.team-box{padding: 10px; text-align: left; }


.experience-paragraph{width: 400px; margin-left: auto; margin-right: 80px; text-align: left; padding: 15px}


.bottom-heading{margin-top: 20px; text-align: center;}


.bottom-paragraph{width: 70%; margin: 10px auto 30px; padding: 20px; text-align: left}


.page-heading{width: 200px; margin: 20px auto; padding: 5px;}


.timeline{display: flex; flex-direction: column; width: 80%; margin: 0 auto 40px;}


.row{display: flex; justify-content: center; align-items: center;}


.time-img{width: 300px; height:180px; object-fit: cover;}


.time-box{width: 320px; min-height: 180px; padding: 15px; text-align: left;}


.time-box h3{margin-top: 0; text-align: center;}


.time-box p{font-size: 14px; line-height: 1.4;}


.page-heading{width: 300px; margin: 20px auto; padding: 8px;}


.home-layout{display: flex; justify-content: center; align-items: flex-start; width: 80%; margin: 20px auto 40px;}


.home-intro{flex: 1; min-height: 280px; padding: 20px; text-align: left;}


.home-images{flex: 1; display: flex; flex-direction: column;}


.home-img-box{padding: 15px; }


.home-img-box img{width: 100%; height: 180px; object-fit: cover; display: block;}


a:link {color:#050707; text-decoration: none }


a:visited {color:#050707; text-decoration: none}


a:hover {color:#EFE3C6 ; text-decoration: none}


a:active {color:snow; text-decoration: none}


footer{background-color: #FA4D00;
        color:#4C4C4D;
        text-align: center;
        padding: 10px;
        clear: both;}