@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 1000px) {

	body{
	background-image: url("images/bg_img.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 680px;
	direction: rtl;
	font-family: 'Rubik', sans-serif;
}

	.container{
	margin-top: 70px;
	display: block;
	text-align: center;
}
	.top_title{
	font-weight: 800;
	font-size: 85px;
	text-align: center;
	line-height: 0.5px;
	font-family: 'Rubik', sans-serif;
}

.sub_title{
	text-align: center;
	font-size: 40px;
	font-weight:100;
	line-height: 2.5;
	font-family: 'Rubik', sans-serif;

}

.container2{

}
.row{
	margin-right: unset!important;
    margin-left:unset!important;
    justify-content: start;
}
.col-lg-2{
	max-width: unset!important;
}


.box{
	cursor: pointer;
}
.box:hover{
	opacity: 0.75;
}
.box_1{
	background-image: url(images/box_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 254px;
    /* margin-right: 22%; */
    width: 20vw;
    margin-top: 25px;
}


.box_2{
	background-image: url(images/box_2.png);
    margin-top: 72px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 206px;
    width: 18vw;
}

.box_3{
	background-image: url(images/box_3.png);
    margin-top: 101px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 211px;
    width: 18vw;
    /* margin-right: 56%; */

}

.box_4{
	background-image: url(images/box_4.png);
    margin-top: 106px;
    background-repeat: no-repeat;
	background-size: 100% 100%;
    background-position: center;
    height: 252px;
    width: 15vw;
    /* margin-right: 63%; */
}

.box_5{
	background-image: url(images/box_5.png);
    margin-top: 85px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 351px;
    width: 18vw;
    /* margin-right: 74%; */

}


@media screen and (max-width: 1000px) {
  body {
    background-image: url("images/bg_img_1200.png");

  }

	h1{
		text-align: center;
		font-size: 30px;
		font-weight:100;
		line-height: 2.5;
		font-family: 'Rubik', sans-serif;
	}

	h2{
		text-align: center;
		font-size: 15px;
		font-weight:100;
		line-height: 2.5;
		font-family: 'Rubik', sans-serif;
	}

	.small_1{
		background-image: url("images/box_1_small.png");
		width: 296px;
		height: 366px;
		direction: rtl;
		margin-bottom: 5px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
	}

	.small_2{
		background-image: url("images/box_2_small.png");
		width: 296px;
		height: 366px;
		margin-bottom: 5px;
		display: block;
 		margin-left: auto;
  		margin-right: auto;
	}

	.small_3{
		background-image: url("images/box_3_small.png");
		width: 296px;
		height: 366px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		margin-bottom: 5px;
	}

	.small_4{
		background-image: url("images/box_4_small.png");
		width: 296px;
		height: 366px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		margin-bottom: 5px;
	}

	.small_5{
		background-image: url("images/box_5_small.png");
		width: 296px;
		height: 366px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		margin-bottom: 5px;
	}

	.row2{
		text-align: center;
		direction: rtl;

	}
}