* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: url(../images/bg.jpg);
}

img {
    max-width: 100%;
}

button {
    cursor: pointer;
}


@font-face {
    font-family: 'Instrument Sans';
    src: url('../fonts/InstrumentSans-Regular.woff2') format('woff2'),
        url('../fonts/InstrumentSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BA Casablanca';
    src: url('../fonts/BA Casablanca Regular.woff2') format('woff2'),
        url('../fonts/BA Casablanca Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.main_container{width:100%; height:100vh; min-height:700px; position:relative;}
header{position: absolute; left: 0; right: 0; top: 30px; z-index:2;}
.container{width:100%; max-width:1640px; padding:0 80px; margin:0 auto;}

.header_inner{display: flex; justify-content: space-between; align-items:flex-start;}

.header_inner .btn{display: flex;
    align-items: center;
    gap: 18px;
    color: #4F2900;
    font-size: 22px;
    font-family: Instrument Sans;
    background: #EFD6A3;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    padding: 16px 32px; transition:all ease 0.2s;}
	
	.header_inner .btn:hover{background: #ffffff; color: #4F2900;}

.logo{width:100%; max-width:130px; display:flex;}

.actions_bar{width: 100%;
    max-width: 826px;
    border-radius: 20px;
    background: #50382E;
    border: 1px solid #B24722;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 15px 30px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%); }

.actions_bar ul{list-style-type:none; margin:0; padding:0; display:flex; gap:40px;}
.actions_bar ul li{}
.actions_bar ul li a{transition:all ease 0.2s; display:block;}
.actions_bar ul li a:hover{}
.actions_bar ul li a img{width:42px; transition:all ease 0.3s;}
.actions_bar ul li a:hover img{filter: brightness(0) invert(1);}

.actions_bar .btn{display:flex; align-items:center; gap:18px; color:#4F2900; font-size:25px; font-family:Instrument Sans; background:#EFD6A3; border-radius:10px; text-decoration:none; font-weight: 700; padding:16px 28px; transition:all ease 0.2s;}
.actions_bar .btn img{height:17px;}

.actions_bar .btn:hover{background:#ffffff; color:#50382E;}

.content_inner{position:relative;}
.content_inner h1{    position: absolute;
   
    right: 170px;
    top: 30%;
    width: 553px;}
	.content_inner h1 img{width:100%;}
	
.content_inner h1 span{color:#33241F; display:block; padding-left:62px;}
.content_inner h1.mobile{display:none;}
.artist{height:100vh; display:flex; justify-content:center; align-items:flex-end; min-height:600px;}
.artist img{max-height:90%;}
.artist img.mobile{display:none;}