/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Gantari', sans-serif;
}

.landing {
    background: 
        linear-gradient(180deg, rgba(18, 19, 75, 0.00) 0%, #12134B 91.49%),
        url('img/photo_hero.jpg') center/cover no-repeat;
    width: 100%;
    height: 105vh;
    background-color: #12134B;
}

.content {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.first_part {
    background: 
        linear-gradient(249deg, rgba(18, 19, 75, 0.00) 0%, #12134B 100.85%),
        url('img/box1.jpg') center/cover no-repeat;
    width: 55vw;
    height: 33vw;
}

.second_part {
    background: 
        linear-gradient(249deg, rgba(18, 19, 75, 0.00) 0%, #12134B 100.85%),
        url('img/box2.jpg') center/cover no-repeat;
    width: 40vw;
    height: 10vw;
    z-index: 10;
}

.third_part {
    background: linear-gradient(0deg, #8766AC 0%, #585397 100%);
}

@media screen and (max-width: 600px) {
    .third_part {
        background: linear-gradient(0deg, #585397 0%, #585397 100%);
    }
}


.fourth_part {
    background: linear-gradient(250deg, rgba(18, 19, 75, 0.00) 0%, #12134B 100%),
    url('img/photo.jpg') center/cover no-repeat;
    width: 60vw;
    height: 35.5vw;
}

@media screen and (max-width: 600px) {
    .fourth_part {
        background: linear-gradient(250deg, rgba(18, 19, 75, 0.00) 0%, #12134B 100%),
        url('img/mobile_photo.png') center/cover no-repeat;
        width: 100vw;
        height: 83.5vw;
    }
}

.mobile_part {
    background: linear-gradient(60deg, #12134B 0%, rgba(18, 19, 75, 0.00) 57.81%),
    url('img/mobile_box.png') center/cover no-repeat;
    width: 100vw;
    height: 79vw;
}

.section {
    background: #12134B;
}

.titleWeight1 {
    font-weight: 700;
}

.titleWeight2 {
    font-weight: 250;
}