@charset "utf-8";

.first-view {
    height: 75vh;
    background-image: url(../images/top.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.first-view-text {
    height: 100vh;
    width: 100%;
    max-width: 700px;
    margin: auto;
    margin-right: auto;
    margin-right: auto;
    padding-bottom: 0px;
    text-align: center;
    
}

.flex-container {
    padding-top: 30px;
    display: flex;
    align-items: flex-start;
    text-align: left;
    justify-content: center;
    justify-content: space-around;
    align-items: flex-start;
}

.flex-item1 {
    flex-basis: 350px;
}

.flex-item2 {
    flex-basis: 350px;
}

.flex-item3 {
    flex-basis: 350px;
}

.flex-item4 {
    flex-basis: 350px;
}