/* Reset */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-shadow: 2px 2px 2px #39BAE8  ;
}

/* Global */
section{
  padding: 5vw;
  display: flex;
  justify-content: center;
  color: #0000A1;
}

.wrap{
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.inner{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.inner *{
  margin-bottom: 20px;
}

img{
  object-fit: contain;
  object-position: center;
}

.w1{
  width: 100%;
}

.w2{
  width: 50%;
}

.w3{
  width: 30%;
}

.w4{
  width: 20%;
}

.w5{
  width: 15%;
}

.title{
  margin: 0 auto 5vw;
}

h1{
  font-size: 3.5em;
  text-align: center;
  color: #0000A1;
}

h2{
  font-size: 2.5em;
}

h3{
  font-size: 1.5em;
}

p{
  font-size: 1.1em;
  text-align: start;
  color: black;
}

ul{
  margin-left: 5vw;
}

ol{
  margin-top: 1vw;
}

ol *{
  margin-bottom: 20px;
  margin-left: 2vw;
}

li{
  margin-bottom: 1vw;
  color: black;
}

body{
  background: #d3d3d333;
}

a{
  display: flex;
  align-items: center;
  font-size: 1.5em;
  text-decoration: none;
  color: #0000A1;
  transition: 0.5s;
}

a:hover{
  color: #1F6ED4;
}

input{
  padding: 10px;
}

button{
  padding: 1vw;
  background: #0000A1;
  border: none;
  border-radius: 10px;
  color: white;
  transition: 0.5s;
}

button:hover{
  background: #1F6ED4;
}

/* Header */
header{
  height: 100px;
  padding: 1vw 5vw;
  display: flex;
  justify-content: center;

}

nav{
  width: auto;
}

nav a{
  margin-left: 2.5vw;
}

.img-header{
  height: 80%;
}

/* Slide */
.section-slide{
  background: url(../img/banner/slide1.jpg);
  background-size: cover;
  background-position: center center;
}

.section-slide img{
  width: 25%;
  
}

.inner-banner{
  width: 50%;
  justify-content: center;
}

/* About */
.about-text{
  text-align: center;
}

/* Info */
.section-info{
  background: #1F6ED4;
}

.section-info *{
  color: #B9EDF8;
  text-shadow: none;
}

/* Data */
.section-data{
  background: url(../img/slide2.jpg);
  background-size: cover;
  background-position: center center;
}

.section-data h2{
  color: white;
}

.ul-data *{
  color: white; 
}

/* Rules */
.section-rules{
  position: relative;
  padding-bottom: 0vw;
  background: url(https://www.relinvestmentsgroup.com/modules/pages/pictures/1603932482_2545.jpg);
  background-size: cover;
  background-position: center center;
}

.section-rules:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0, 0, 0, .5);
}

.section-rules *{
  margin-bottom: 10px;
  color: white;
  text-shadow: none;
}

.section-rules ol li{
  margin-bottom: 3px;
}

/* Media */
@media(max-width: 1280px){
  /* Global */
  h1{
    font-size: 2em;
  }

  h2{
    font-size: 1.5em;
  }

  h3{
    font-size: 1.1em;
  }

  p, li{
    font-size: 1em;
  }
}

@media(max-width: 1000px){
  /* Global */
  h1{
    font-size: 1.1em;
  }

  h2{
    font-size: 1em;
  }

  h3{
    font-size: 0.9em;
  }

  p, li{
    font-size: 0.6em;
  }
}