@font-face {
    font-family: 'CFPanoptik-Book';
    src: url('Font/CFPanoptik-Book.woff') format('woff'), url('Font/CFPanoptik-Book.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Book';
    src: url('Font/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaPT-Bold';
    src: url('Font/FuturaPT-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaPT-Demi';
    src: url('Font/FuturaPT-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPTCond-Medium';
    src: url('Font/FuturaPTCond-Mediumd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaPTCond-ExtraBold';
    src: url('Font/FuturaPTCond-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaPTCond-Book';
    src: url('Font/FuturaPTCond-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPTCond-Bold';
    src: url('Font/FuturaPTCond-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 1200px) {
body{
	overflow:hidden;
	margin:0;
}
.container{
	display:flex;
	flex-direction: row;
	height: 100vh;
	
}

.image2{
  display: none;
}
.image3{
	
	display:none;
}
.left-photo{
	width: 40%;
}
.left-photo img{
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: auto;
    object-fit: cover;
	
}
.right-side{
	background-color: #0E011F;
	width: 60%;
	text-align: center;
	position: relative;
    	
}
.elements{
	
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;

}
.text{
	
	font-family: 'FuturaPTCond-Bold';
	font-size: 5.255vw;
	color: rgba(255,255,255,0.8);
	text-align: center;
	margin-top: 95px;

}
.const{
	
	font-family: 'FuturaPTCond-Bold';
	font-size: 4.204vw;
	color: white;
	text-align: center;
	
}
.new{
	font-family: 'CFPanoptik-Book';
	font-size: 2.102vw;
	color: white;
	text-align: center;
	margin-top: 6px;
}
.logo2{
  display:none;
}
.logo3{
  display: none;
}
}


@media (min-width: 765px) and (max-width: 1199px){
	body{
	  overflow-x:hidden;
	  margin:0;
   }
	
	.image1{
		
		display: none;
	}
	.image3{
		display: none;
	}
	.container{
	  
	
	}
	.left-photo img{
      width: 100%;
      height: 100%;
      margin: auto;
      overflow: auto;
      object-fit: cover;
	  margin-bottom: -4px;
	
    }
	.right-side{
	background-color: #0E011F;
	width: 100%;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
    	
    }
	.text{
		
		font-family: 'FuturaPTCond-Bold';
		font-size: 5.255vw;
		color: rgba(255,255,255,0.8);
		text-align: center;
		margin-top: 28px;

	}
	.const{
		
		font-family: 'FuturaPTCond-Bold';
		font-size: 4.204vw;
		color: white;
		text-align: center;
		
	}
	.new{
		font-family: 'CFPanoptik-Book';
		font-size: 2.102vw;
		color: white;
		text-align: center;
		margin-top: 6px;
	}
	.logo1{
		display: none;
	}
	.logo3{
		display:none;
	}
		
	
	
	
}


@media (min-width: 0px) and (max-width: 764px){
	
	body{
	  overflow-x:hidden;
	  margin:0;
   }
	
	.image1{
		
		display: none;
	}
	.image2{
		display: none;
	}
	.logo1{
		display: none;
	}
	.logo2{
		display:none;
	}
	.left-photo img{
      width: 100%;
      height: 100%;
      margin: auto;
      overflow: auto;
      object-fit: cover;
	  margin-bottom: -4px;
	
    }
	.right-side{
	background-color: #0E011F;
	width: 100%;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
    	
    }
	.text{
		
		font-family: 'FuturaPTCond-Bold';
		font-size: 40px;
		color: rgba(255,255,255,0.8);
		text-align: center;
		margin-top: 28px;

	}
	.const{
		
		font-family: 'FuturaPTCond-Bold';
		font-size: 30px;
		color: white;
		text-align: center;
		
	}
	.new{
		font-family: 'CFPanoptik-Book';
		font-size: 20px;
		color: white;
		text-align: center;
		margin-top: 6px;
	}
	
	
	
	
}

