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

/* RESET */



@font-face {
	
    font-family: "Cormorant Garamond";
	
    src: url("fonts/CormorantGaramond-Light.ttf") format("truetype");
	
    font-weight: 300;
	
    font-style: normal;
}




@font-face {
	
    font-family: "Cormorant Garamond";
	
    src: url("fonts/CormorantGaramond-Regular.ttf") format("truetype");
	
    font-weight: 400;
	
    font-style: normal;
}




@font-face {
	
    font-family: "Arial Local";
	
    src: url("fonts/Arial.ttf") format("truetype");
	
    font-weight: 400;
	
    font-style: normal;
}




@font-face {
	
    font-family: "Arial Local";
	
    src: url("fonts/Arial-Bold.ttf") format("truetype");
	
    font-weight: 700;
	
    font-style: normal;
}









.about-container{
	
    padding:80px 100px;
	
    gap:180px;
}









.about-text1{
	
    max-width:550px;
	
    width:100%;
	
    margin-top:100px;
	
    margin-left:-60px;
	
	font-family: "Arial Local", Arial, sans-serif;
	
	font-size: 10px;
	
	font-weight: 600;

    text-transform: uppercase;
	
}





.about-text{

    width:70%;

    position:relative;

    z-index:10;

    margin-top:150px;

}







.about-text p{

    font-family: "Arial Local", Arial, sans-serif;
	
    font-size:25px;

    font-weight:400;

    line-height:1.05;

    margin-bottom:50px;
}














.about-photo{

    position:absolute;

    right:-400px;

    top:-220px;

    width:55vw;

    opacity:0.7;

    transition:0.4s ease;

    z-index:-1;

}




.about-photo:hover{

    opacity:1;
}






















@media screen and (max-width:768px){


 
	
header{
	
    display:flex;
        
    flex-direction:column;
	
    gap:20px;
	
	padding:20px;
	
	
}

	
    
	
		
.header-right{
	
    display:flex;
	
    flex-direction:column;
	
    gap:15px;
	
    align-items:flex-start;
	
	margin-top: 75.9px;
}

	
	
	
	
.contact{
		
		margin-top: 10px;
	}
	
	
	
	
	
.header-left{
	
    width:100%;

    display:flex;
	
    justify-content:space-between;

    align-items:flex-start;

    gap:0;
	
	margin-top: 0px;
	
}
	

	
	
	

.logo{
	
    position:relative;
	
    left:auto;
	
    transform:none;

    font-size:37px !important;
		
	margin-top: 45px;

	margin-left: -12px;
	
    white-space:nowrap;
		
}
	
	
	
	
	
	
	



.about-container{
	
    display:flex;
	
    flex-direction:column;
	
    padding:80px 20px 40px;
	
    gap:40px;
}
	
	
	
	
	
	
	
	
	
	
	
	


.about-text{
	
    display:flex;
	
    flex-direction:column;
	
    width:100%;
	
    margin:0;
}
	
	
	
	
	
	


.about-photo{
	
    order:-1;

    position:relative;
	
    width:100%;
	
    max-width:100%;

    top:auto;
	
    right:auto;

    margin:0 0 40px 0;
	
	margin-top: -70px;

    opacity:1;
	
    z-index:1;
}

	
	
	
	
	
	
	
	
	
	


.about-text p{
	
    font-size:16px;
	
    line-height:1.3;
	
    margin-bottom:15px;
}
	
	
	
	
	
	
	
	
	
	
	
	



.about-text1{
	
    width:100%;
	
    margin:20px 0 0;
	
    font-size:10px;
	
    text-transform:uppercase;
}
	
	
}