@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
body {
    padding: 0 !important;
    margin: 0;
    color: #6c6f77;
    /*background-color: #f4f4f4 !important;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'lemon_milkmedium', sans-serif;
    color: #183029;
}
.container {
    width: 1200px;
    margin: 0 auto;
}

.no-margin{
    margin: 0 !important;
}

.bg-beige {
    background-color: #c7b299;
}
.bg-green {
    background-color: #183028;
}
.bg-red {
    background-color: #a41e34;
}

.bg-purple {
    background-color: #46286e !important;
}


section {
    width: 100%;
    float: left;
    /* padding: 80px 0; */
}


/* Header */

#header {
    float: left;
    width: 100%;
    background-color: #183029;
    padding: 15px 0;
}

.header-links {
    width: 100%;
    float: right;
}

.header-links .fa-social-media {
    float: right;
}


.pages-title {
    text-align: center;
    color: white;
    padding: 40px 0;
    text-transform: uppercase;
}

.pages-title h4 {
    font-family: lemon_milkbold_italic, sans-serif;
    color: white;
    margin-bottom: 0;
    font-size: xx-large;
}

/* Latest Results */

.latest-results{
    width: 90%;
    background-color: #ffffff;
    margin-left: 5%;
    margin-top: 3em;
}

.latest-results-container{
    padding: 0;
    float: left;
    width: 100%;
    display: flex;
}

.latest-results-content{
    padding: 1em 2em;
    flex: 1;
}
.latest-results-content h1{
    font-size: 2rem;
    font-family: lemon_milkbold_italic, sans-serif;
    text-transform: uppercase;
}

.latest-results-image {
    flex: 1;
    overflow: hidden;
    /*background: url(../images/rugby_top_news.jpg) no-repeat center;*/
    /*background-size: cover;*/
    min-height: 400px;
}

.latest-results-image img{
    height: 100%;
}

.read-more-button {
    border: 1px solid;
    color: white;
    background-color: #A41F35;
    float: left;
    padding: 6px 10px;
    text-transform: uppercase;
}

.separator{
    width: 80px;
    height: 3px;
    margin: 0 0 1em 0;
    display: inline-block;
    background-color: #A41F35;
}

/* Featured News, Latest Posts, Upcoming Games */

.news-posts-games {
    float: left;
    width: 90%;
    margin: 0 5%;
    background-color: #f4f4f4;
    padding: 50px 0;
}

.featured-news,
.latest-posts,
.upcoming-games {
    float: left;
    width: 100%;
}

/*.featured-news,*/
/*.latest-posts {*/
/*    margin-right: 3%;*/
/*}*/

.featured-news h3,
.upcoming-events-home h3,
.sponsors-partners h3,
.latest-posts h3,
.upcoming-games h3 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-family: lemon_milkbold_italic, sans-serif;
}


/* Featured News */

.featured-news {
    float: left;
    width: 90%;
    margin: 0 5%;
    /*background-color: #f4f4f4;*/
    padding: 50px 0;
}

.featured-news-content {
    display: flex;
    width: 100%;
    margin-top: 1%;
    margin-bottom: 3em;
}

.news {
    float: left;
    text-align: center;
    background-color: #ffffff;
    padding: 25px;
    width: 33%;
}

.news-images {
    float: left;
    width: 100%;
}

.news-images img {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.news-date {
    float: left;
    width: 100%;
}

.news-month,
.news-day {
    text-align: center;
    width: 100%;
    font-weight: 700;
}

.news-content {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: left;
}

.news-content h5 {
    text-align: left;
    margin: 5% 0;
    color: #183029;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.news-content button {
    margin-top: 2%;
    padding: 6px 10px;
    text-transform: uppercase;
    border: 1px solid;
    color: white;
    background-color: #A41F35;
}


/* Latest Posts */

.post {
    float: left;
    width: 100%;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px 15px;
    margin-top: 5%;
}

.post button {
    border: 1px solid #000000;
    color: black;
    background-color: #ffffff;
    float: left;
    margin-top: 5%;
    padding: 5px;
    text-transform: uppercase;
}

.post-date,
.post-title,
.post-content {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.post-date,
.post-title {
    font-weight: 700;
}


/* Upcoming Games */

.upcoming-games h3 {
    margin-bottom: 20%;
}

.upcoming-games h2 {
    float: left;
    width: 100%;
    color: #183029;
    text-transform: uppercase;
}

.upcoming-games .vs {
    color: #6c6f77;
}

.stadium-image {
    float: left;
    width: 100%;
    margin-top: 10%;
}

.stadium-image img {
    float: left;
    width: 100%;
}

.stadium-image p {
    float: left;
    width: 100%;
    margin-top: 2%;
}


/* Players Profile */

.players-profile {
    float: left;
    width: 100%;
    background-color: #007941;
    padding: 30px 0;
}

.players-profile h3 {
    color: #183029;
}

.players-profile .yellow-title {
    color: #FFCC00;
    text-transform: uppercase;
    font-weight: normal;
}

.profiles {
    width: 100%;
    float: left;
    margin-top: 2%;
}

.profile {
    float: left;
    width: 24%;
    margin-right: 1%;
    background-color: white;
    border-radius: 5px;
}

.profile:last-child {
    margin-right: 0;
}

.player-image {
    float: left;
    width: 100%;
}

.player-image img {
    float: left;
    width: 100%;
    border-radius: 5px;
}

.profile h5 {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 15px;
    text-transform: uppercase;
    color: #183029;
    font-weight: 500;
}

.profile p {
    float: left;
    color: #ffffff;
    background-color: #A41F35;
    padding: 5px 5px;
    margin-left: 15px;
}

.all-teams {
    float: right;
    width: 100%;
    margin-top: 2%;
}

.all-teams button {
    float: right;
    background-color: #007941;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    padding: 5px 5px;
}


/* B&W Images */

.b-w-images {
    width: 100%;
    float: left;
}

.b-w-images img {
    width: 100%;
    float: left;
}


/* Shop online, upcoming events home  and best plays */

.shop-events-plays {
    width: 100%;
    float: left;
    background-color: white;
    padding: 50px 0;
}


/* Shop Online */

.shop-online {
    float: left;
    width: 30%;
    margin-right: 4%;
}

.shop-online h3,
.best-plays h3,
.resources h3 {
    float: left;
    width: 100%;
    color: #183029;
    text-transform: uppercase;
    font-weight: 400;
}

.shop-online img {
    float: left;
    width: 100%;
    margin-top: 5%;
}

.shop-btn {
    float: left;
    background-color: #A41F35;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    text-align: center;
    padding: 5px 15px;
    width: 100%;
    font-weight: 600;
}


/* Upcoming Events home */

.upcoming-events-home {
    float: left;
    width: 60%;
    margin-right: 4%;
}

.event {
    width: 100%;
    float: left;
    background-color: #f4f4f4;
    padding: 10px 10px;
    margin-top: 3%;
}

.event-title {
    color: #000000;
    font-weight: 500;
}

.event-month {
    text-transform: uppercase;
}

.event-day {
    float: left;
    width: 8%;
    margin-right: 10%;
    height: 60px;
}

.event-time,
.event-location {
    float: left;
    width: 82%;
}

.event-time .time-details,
.event-location .location-details {
    line-height: 15px;
}

.event-time i,
.event-location i {
    float: left;
    color: #767572;
    margin-right: 5%;
    width: 5%;
}

.upcoming-events-home button,
.best-plays button,
.resources button {
    margin-top: 5%;
    padding: 6px 10px;
    text-transform: uppercase;
    border: 1px solid;
    color: white;
    background-color: #A41F35;
}

/* Inspiration quote */

.inspiration-quote {
    width: 30%;
    float: left;
    margin-left: 5%;
}

.inspiration-quote img {
    width: 100%;
}

/* Resources */

.resources {
    float: left;
    width: 20%;
}
.resources ul {
    padding: 0;
}

.resources ul li {
    list-style: none;
    text-decoration: underline;
    color: #A41F35;
    font-weight: bold;
    font-size: larger;
}


/* Best Plays */

.best-plays {
    float: left;
    width: 47%;
}

.best-plays thead {
    background-color: black;
    color: #ffffff;
    border-bottom: 5px solid #A41F35;
}

.best-plays table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 2%;
    float: left;
}

.best-plays th,
.best-plays td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #ffffff;
}

/* Become a friend */

.become-a-friend-title {
    margin: 50px 0 0 5% !important;
    width: 73% !important;
    line-height: 1.2;
}

.become-a-friend-title h4{
    font-family: inherit;
    color: white;
    font-weight: 100;
}

.become-a-friend-title button {
    margin-top: 4%;
    padding: 18px 30px;
    text-transform: uppercase;
    border: 0px solid;
    color: white;
    font-weight: 500;
    font-size: larger;
    background-color: #183028;
    margin-bottom: 5%;
}

.become-a-friend-logo {
    position: relative;
    width: 13%;
    float: left;
    text-align: right;
    padding: 4% 0;
}

.become-a-friend-logo img {
    width: 100%;
}


/* Clubs page */

/* Clubs information */

.clubs-content {
    width: 100%;
    background-color: white;
    padding-bottom: 7em;
    padding-top: 3em;
}

.clubs-information {
    width: 100%;
    margin: 4em 5% 0 5%;
    float: left;
}

.clubs-information-img {
    width: 40%;
    height: 300px;
    float: left;
    margin-right: 7%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.clubs-information:nth-child(1) .clubs-information-img{*/
/*    background-image: url("../images/clubs_beirut_phoenicians.jpg");*/
/*}*/
/*.clubs-information:nth-child(2) .clubs-information-img{*/
/*    background-image: url("../images/clubs_jamhour_black_lions.jpg");*/
/*}*/
/*.clubs-information:nth-child(3) .clubs-information-img{*/
/*    background-image: url("../images/clubs_jounieh_dragons.jpg");*/
/*}*/
/*.clubs-information:nth-child(4) .clubs-information-img{*/
/*    background-image: url("../images/clubs_froggies_beyrouth.jpg");*/
/*}*/
/*.clubs-information:nth-child(5) .clubs-information-img{*/
/*    background-image: url("../images/clubs_blue_stars.jpg");*/
/*}*/
/*.clubs-information:nth-child(6) .clubs-information-img{*/
/*    background-image: url("../images/clubs_aconites.jpg");*/
/*}*/
.clubs-information-content {
    width: 40%;
    float: left;
    margin-top: 1em;
}

.clubs-information-content h6{
    font-family: lemon_milkbold_italic,sans-serif;
}

.clubs-information-content ul{
    list-style: none;
    padding: 0;
    font-weight: 300;
    line-height: normal;
}

.clubs-information-content span {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin-right: 5px;
}


/* Events page */

/* Upcoming events */

.upcoming-events {
    float: left;
    background-color: #ffffff;
    padding: 50px 5%;
}

.upcoming-events h3 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-family: lemon_milkbold_italic, sans-serif;
}

.upcoming-event-content{
    display: flex;
    width: 100%;
    margin-top: 5%;
}

.upcoming-event {
    background-color: #f4f4f4;
    float: left;
    text-align: center;
    padding: 30px 10%;
}

.upcoming-event h6 {
    text-align: center;
    margin: 100px 0;
    color: black;
    font-family: 'lemon_milkregular_italic', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.upcoming-event span {
    float: left;
}


/* Phoenix page */

/* National teams */

.section-paragraph {
    float: left;
    background-color: #ffffff;
    padding: 50px 5%;
}

.section-paragraph h3 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-family: lemon_milkbold_italic, sans-serif;
}

.section-paragraph-content {
    width: 100%;
}

.section-paragraph-content h6 {
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-family: lemon_milkbold_italic, sans-serif;
}

.section-paragraph-content p {
    white-space: pre-wrap;
}

/* Awards */

.awards {
    height: fit-content !important;
    width: 100% !important;
}

.awards-title {
    margin: 50px 0 0 5% !important;
}

.awards-content {
    width: 90%;
    display: flex;
    padding-left: 5%;
    float: left;
}

.awards-content p {
    margin-right: 5%;
    white-space: pre-wrap;
    column-count: 2;
    column-gap: 40px;
}

.awards-phoenix-logo {
    position: relative;
    width: 8%;
    float: left;
    text-align: right;
    padding-top: 5%;
}

.awards-phoenix-logo img {
    width: 100%;
}

.one-nation {
    text-align: right;
    width: 98%;
    right: 0;
    height: 36px;
    bottom: 0;
    float: left;
    margin-right: 2%;
}

.one-nation h1 {
    font-family: 'lemon_milkbold_italic', sans-serif;
    color: white;
    text-transform: uppercase;
}

/* Fixtures & Results */

.fixtures-results {
    float: left;
    background-color: #ffffff;
    padding: 50px 5%;
}

.fixtures-results h3 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-family: lemon_milkbold_italic, sans-serif;
}

.fixtures-results-content {
    width: 100%;
}

.result {
    background-color: #f4f4f4;
    display: flex;
    margin: 2% 0 5% 0;
}

.result .team {
    width: 18%;
    padding: 3%;
}
.result .team img {
    width: 90%;
}
.result-content {
    width: 64%;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 2em;
}

.result-content h2, .result-content h6{
    font-family: lemon_milkbold_italic, sans-serif;
    text-transform: uppercase;
}

/* Competitions page */

/* Competitions page content */

.competitions-content {
    width: 100%;
    background-color: white;
    padding-bottom: 7em;
    padding-top: 3em;
    padding-left: 9%;
    display: flex;
    flex-wrap: wrap;
}

.competitions-information {
    width: 21%;
    margin-right: 2%;
    height: 280px;
    text-align: center;
    margin-top: 3em;
}


.competitions-information img {
    height: 65%;
    margin-top: 49px;
}

/* About page */

/* Vision and mission */

.vision-mission {
    padding: 2.5em 5% 1.5em 5%;
}
.vision-mission h1{
    font-family: lemon_milkbold_italic,sans-serif;
    color: white;
}
.vision-mission p {
    color: white;
    font-style: italic;
    white-space: pre-wrap;
}

/* Strategic plan */

.plans {
    display: flex;
    padding: 0 5%;
}
.plan {
    width: 25%;
    padding: 0 5%;
    color: white;
}
.plan img {
    max-width: 100%;
    max-height: 70px;
}
.plan h3 {
    font-family: lemon_milkbold_italic,sans-serif;
    color: white;
    text-transform: uppercase;
    margin: 1em 0;
}
.plan p {
    font-weight: 100;
}

/* Board management */

.bm-row-one, .bm-row-two {
    display: flex;
    margin: 5em 0;
}
.bm-row-one .bm-col:first-child {
    margin-left: 13%;
}
.bm-col {
    width: 25%;
    text-align: center;
}
.bm-col div {
    width: 170px;
    margin: 0 auto 1em auto;
    height: 200px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 4px 3px 13px 3px rgba(0,0,0,0.43);
    -moz-box-shadow: 4px 3px 13px 3px rgba(0,0,0,0.43);
    box-shadow: 4px 3px 13px 3px rgba(0,0,0,0.43);
}
.bm-col div img {
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.bm-col h6 {
    font-family: lemon_milkbold_italic, sans-serif;
    text-transform: uppercase;
    color: #183028;
}



/* Common things */

/* Subscribe to our newsletter */

.subscribe-newsletter{
    width: 100%;
    height: 240px;
    background: url(../images/lebanon_rugby_bw.jpg) center no-repeat;
    background-size: cover;
    color: #FFFFFF;
}

.subscribe-newsletter-content {
    background: rgba(164, 30, 52, 0.85);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.subscribe-newsletter-title {
    margin: 70px 0 70px 50px;
    width: 40%;
    float: left;
}

.subscribe-newsletter-title h1{
    font-family: 'lemon_milkbold_italic',sans-serif;
    text-transform: uppercase;
    color: white;
    font-size: -webkit-xxx-large;
}

.subscribe-newsletter-form {
    width: 45%;
    float: left;
    margin: 70px 20px 70px 50px;
    text-align: center;
}

.subscribe-newsletter-form input{
    background-color: white;
    color: black;
    border: none;
    margin-bottom: 5%;
    width: 100%;
    border-radius: 0;
}

.subscribe-newsletter-form button {
    width: 30%;
    padding: 5px 0;
    margin-top: 2%;
    text-transform: uppercase;
    border: 1px solid #183029;
    color: white;
    background-color: #183029;
    font-family: 'lemon_milkmedium', sans-serif;
    font-weight: normal;
    letter-spacing: 0.5px;
}

/* Sponsors and partners */

.sponsors-partners-section {
    padding: 7em 0 !important;
}

.sponsors-partners{
    text-align: center;
    padding: 2em 0;
    background-color: white;
}
.sponsors-partners-content {
    padding: 0 3%;
}
.partner{
    width: 14%;
    margin: 1% 2em;
    float: left;
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background-position: center;*/
    height: 100px;
    display: flex;
}

.partner img {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
/*.partner:nth-child(1){*/
/*    background-image: url(../images/world_rugby_logo.png);*/
/*}*/
/*.partner:nth-child(2){*/
/*    background-image: url(../images/asia_rugby_logo.png);*/
/*}*/
/*.partner:nth-child(3){*/
/*    background-image: url(../images/obsoft_logo.png);*/
/*}*/
/*.partner:nth-child(4){*/
/*    background-image: url(../images/get_into_rugby_logo.png);*/
/*}*/
/*.partner:nth-child(5){*/
/*    background-image: url(../images/folr_logo.png);*/
/*}*/


/* Red Space */

.red-space {
    width: 100%;
    float: left;
    background-color: #A41F35;
    padding: 25px 0;
}

/* Green space */

.green-space {
    float: left;
    width: 100%;
    background-color: #183029;
    height: 350px;
}


/* Footer */

footer {
    float: left;
    width: 100%;
    background-color: #183029;
    padding-top: 30px;
    font-weight: 100;
}

.about-us,
.start-to-play,
.latest-photos,
.contact-us {
    float: left;
    width: 28%;
    color: white;
}

.about-us,
.start-to-play,
.latest-photos {
    margin-right: 8%;
}

.about-us h4,
.start-to-play h4,
.latest-photos h4,
.contact-us h4 {
    text-transform: uppercase;
    margin-bottom: 10%;
    color: white;
    margin-top: 1.5em;
}
/* About us */

.about-us img {
    width: 50%;
}

.rugby-lebanon-logo{
    margin: 1em 0;
}

.about-us h5 {
    height: 50px;
    line-height: 50px;
    font-size: larger;
    font-weight: 500;
    color: white;
    font-family: 'Roboto', sans-serif;
}

/* Start to play */

.start-playing-form {
    float: left;
    width: 100%;
}

.start-playing-form input,
.start-playing-form textarea {
    background-color: white;
    color: black;
    border: none;
    margin-bottom: 5%;
    border-radius: 0;
}

.start-playing-form textarea {
    height: 100px !important;
}

.start-playing-form button {
    width: 30%;
    padding: 5px 0;
    margin-top: 2%;
    text-transform: uppercase;
    border: 1px solid #A41F35;
    color: white;
    background-color: #A41F35;
}

.start-playing-form input:focus,
.start-playing-form textarea:focus {
    background-color: #183029;
    color: #ffffff;
}


/* Latest Photos */

.left-images,
.right-images {
    float: left;
    width: 45%;
}

.left-images img,
.right-images img {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 10%;
}

.left-images {
    margin-right: 5%;
}


/* Contact Us */

.contact-us-information {
    margin-top: 5%;
}

.contact-us-information,
.location,
.phone-number,
.mail {
    width: 100%;
    float: left;
    margin-bottom: 5%;
}

.contact-us-information p,
.location p,
.phone-number p,
.mail p {
    line-height: 15px;
    color: white;
}

.contact-us-information i,
.location i,
.phone-number i,
.mail i {
    float: left;
    color: white;
    width: 5%;
}

.fa-social-media {
    display: inline-flex;
}

.fa-social-media .fab {
    padding: 8px 11px 14px 11px;
    font-size: 21px;
    width: 14px;
    height: 14px;
    text-align: center;
    text-decoration: none;
    margin: 5px 8px;
    background-color: white;
    color: #183029;
    border-radius: 50%;
    box-sizing: content-box;
}

.fa-social-media .fa-facebook-f {
    margin-left: 0;
}

.fa-social-media .fa-instagram {
    padding: 8px 14px 15px 10px;
}

.fa-social-media .fa-twitter{
    padding: 8px 15px 15px 10px;
}

/* Upward Button */

.upward-btn {
    float: right;
    margin-bottom: 2%;
    transition: all 1s linear;
    position: fixed;
    display: none;
    bottom: 30px;
    right: 40px;
    z-index: 99;
    cursor: pointer;
}

.upward-btn a {
    color: #183029;
}

.upward-btn a:hover {
    color: #183029;
}

.upward-btn-bg i {
    margin-left: 15%;
    margin-top: 10%;
    color: white;
}

.upward-btn-bg {
    float: right;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    background-color: #183029;
    opacity: 0.6;
}

/* Copyrights */

.copy-rights {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: lighter;
    background-color: #A41F35;
    padding: 20px 0;
}


/* Quick links */

.quick-links {
    color: white;
    width: 70%;
    float: left;
}

.quick-links h4 {
    color: white;
    text-transform: uppercase;
    margin-top: 1.5em;
    margin-bottom: 1.3em;
}

.quick-links ul {
    float: left;
    padding: 0;
    list-style: none;
    width: 40%;
    line-height: 2.5;
}

.quick-links ul li a {
    color: white;
}

.footer-right-logo {
    width: 30%;
    float: left;
}

.footer-right-logo img {
    width: 50%;
    float: right;
}

.in-union-container {
    text-align: right;
    width: 100%;
    right: 0;
    height: 36px;
    bottom: 0;
    float: left;
}

.in-union-container h1 {
    font-family: 'lemon_milkbold_italic';
    color: white;
    text-transform: uppercase;
}

.footer2 footer .copy-rights {
    float: left;
    width: 100%;
    text-align: left;
    color: #183029;
    font-size: 12px;
    font-weight: bold;
    background-color: white;
    padding: 20px 0;
}

/* Responsive Design */
@media (max-width: 920px) {
    .subscribe-newsletter {
        height: 550px;
    }
    .subscribe-newsletter {
        width: 100%;
    }
    .subscribe-newsletter-title {
        width: 100%;
    }
    .subscribe-newsletter-form {
        width: 80%;
    }
    .subscribe-newsletter-form button {
         width: auto;
        padding: 5px 10px;
    }
    .upcoming-event-content {
        flex-direction: column;
    }
    .upcoming-event {
        margin-bottom: 5%;
        width: 100%;
    }
    .awards-content {
        flex-wrap: wrap;
    }
    .awards-phoenix-logo {
        width: auto;
    }
    .plans {
        flex-wrap: wrap;
    }
    .plan {
        width: 50%;
    }
    .bm-row-one, .bm-row-two {
        flex-wrap: wrap;
    }
    .bm-row-one .bm-col:first-child {
        margin-left: 0;
    }
    .bm-col {
        width: 50%;
    }
    .awards-content p {
        column-count: 1;
    }
}

@media (max-width: 1024px) {
    .search-bar {
        float: none !important;
        width: 45% !important;
        margin-top: 2% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .latest-results-container {
        flex-wrap: wrap;
    }
    .latest-results-image img {
        width: 100%;
        height: auto;
    }
    .featured-news,
    .latest-posts,
    .upcoming-games {
        /*width: 100%;*/
        margin-right: 0;
        margin-bottom: 5%;
    }
    .featured-news-content {
        flex-wrap: wrap;
    }
    .latest-results-image {
        flex: 100%;
        min-height: 600px;
    }
    .news {
        margin-right: 0;
        margin-bottom: 5%;
    }
    .upcoming-games h3 {
        margin-bottom: 5%;
    }
    .stadium-image {
        margin-top: 5%;
    }
    .profile {
        width: 49%;
        margin-right: 1%;
    }
    .shop-online,
    .upcoming-events-home,
    .best-plays,
    .resources {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
    .shop-online img {
        float: none;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .shop-btn {
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 60%;
    }
    .partner{
        margin: 0.5em;
        width: 19%;
    }

    .about-us,
    .start-to-play,
    .latest-photos,
    .contact-us {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    .about-us h4,
    .start-to-play h4,
    .latest-photos h4,
    .contact-us h4 {
        margin-bottom: 4%;
        color: white;
    }
    .contact-us-information {
        margin-top: 0;
    }
    .contact-us-information,
    .location,
    .phone-number,
    .mail {
        width: 100%;
        float: left;
        margin-bottom: 2%;
    }
    .competitions-information {
        width: 45%;
    }
}
@media (max-width: 500px) {
    .result {
        flex-wrap: wrap;
    }
    .result-content, .result .team {
        width: 100%;
    }
    .competitions-information {
        width: 90%;
    }
    .partner, .plan, .bm-col {
        width: 100%;
    }
}
@media (min-width: 1300px) {
    .latest-results-image img {
        width: 100%;
        height: auto;
    }
}