/*		---	GRID	---		*/
/*		columns size	*/
@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,900");
@import url("https://fonts.googleapis.com/css?family=Berkshire+Swash");
.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}

/*		margin	left	*/
.col-offset-1 {
  margin-left: 8.33%;
}

.col-offset-2 {
  margin-left: 16.66%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-4 {
  margin-left: 33.33%;
}

.col-offset-5 {
  margin-left: 41.66%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-7 {
  margin-left: 58.33%;
}

.col-offset-8 {
  margin-left: 66.66%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-10 {
  margin-left: 83.33%;
}

.col-offset-11 {
  margin-left: 91.66%;
}

/*		margin	right	*/
.col-offset-right-1 {
  margin-right: 8.33%;
}

.col-offset-right-2 {
  margin-right: 16.66%;
}

.col-offset-right-3 {
  margin-right: 25%;
}

.col-offset-right-4 {
  margin-right: 33.33%;
}

.col-offset-right-5 {
  margin-right: 41.66%;
}

.col-offset-right-6 {
  margin-right: 50%;
}

.col-offset-right-7 {
  margin-right: 58.33%;
}

.col-offset-right-8 {
  margin-right: 66.66%;
}

.col-offset-right-9 {
  margin-right: 75%;
}

.col-offset-right-10 {
  margin-right: 83.33%;
}

.col-offset-right-11 {
  margin-right: 91.66%;
}

.row::before,
.row::after {
  content: "";
  display: table;
  clear: both;
}

[class*="col-"] {
  float: left;
  min-height: 1px;
  padding: 10px;
}

@media (max-width: 767px) {
  /*		For tablets		*/
  .col-s-1 {
    width: 8.33%;
  }
  .col-s-2 {
    width: 16.66%;
  }
  .col-s-3 {
    width: 25%;
  }
  .col-s-4 {
    width: 33.33%;
  }
  .col-s-5 {
    width: 41.66%;
  }
  .col-s-6 {
    width: 50%;
  }
  .col-s-7 {
    width: 58.33%;
  }
  .col-s-8 {
    width: 66.66%;
  }
  .col-s-9 {
    width: 75%;
  }
  .col-s-10 {
    width: 83.33%;
  }
  .col-s-11 {
    width: 91.66%;
  }
  .col-s-12 {
    width: 100%;
  }
  .cleear-s::before,
  .cleear-s::after {
    content: "";
    display: table;
    clear: both;
  }
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Lato', sans-serif;
}

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

.header .container {
  margin: 0 auto;
}

.header .container .top-baner {
  text-align: center;
  margin: 0 auto;
}

.player_person {
  cursor: pointer;
  width: 120px;
}

.buttons {
  margin-top: 30px;
}

.modal-section .modal-content {
  padding: 10px;
}

.modal-section .container {
  width: 100%;
}

.modal-section .row {
  padding: 15px 0;
}

.modal-section img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

.rules-section .row {
  margin: 20px;
}

/*#js-rules-section {
    display: none;
}*/
.player-photo {
  margin-top: 10px;
}

.player-photo img {
  width: 120px;
}

.wepon .container {
  width: 70%;
}

.wepon h3 {
  background-color: #2C6444;
  color: white;
  padding: 10px 0;
  border-radius: 5px;
}

.wepon img {
  height: 100px;
}

.wepon .weapon-list {
  border-bottom: 2px solid #2C6444;
}

.wepon-name {
  text-transform: capitalize;
}

.score-table h1 {
  font-family: 'Berkshire Swash', cursive;
  color: #c40608;
}

.score-table .message {
  background-color: #2C6444;
  color: white;
  padding: 10px 30px;
  border-radius: 5px;
}

.score-table .current-score {
  background-color: #2C6444;
  color: white;
  border-radius: 5px;
  max-width: 70px;
  margin: 0 auto;
  padding: 10px;
}

.score-table .win {
  font-size: large;
  color: white;
  background-color: red;
  max-width: 100px;
  margin: 0 auto;
}

.score-table h2 {
  font-weight: bold;
  color: #014682;
}

/*# sourceMappingURL=style.css.map */