.site-loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#f6f3ea;
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
transition:opacity .6s ease, visibility .6s ease;
}

.site-loader.hidden{
opacity:0;
visibility:hidden;
}

.loader-content{
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.loader-logo{
width:200px;
height:auto;
z-index:2;
animation:logoPulse 2s ease-in-out infinite;
}

.loader-ring{
position:absolute;
width:230px;
height:230px;
border-radius:50%;
border:3px solid transparent;
border-top-color:#d4b15a;
border-right-color:#b8963d;
animation:spin 1.5s linear infinite;
}

/* Animations */

@keyframes spin{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

@keyframes logoPulse{
0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}

/* Mobile */

@media(max-width:600px){

.loader-logo{
width:70px;
}

.loader-ring{
width:110px;
height:110px;
}

}