*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.banner{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_beach1.png);
    background-size: cover;
    background-position: center;
}
.banner-middle{
    width: 100%;
    height: 30vh;
    background-image: url(guapoplace_balk_beach_homepage.png);
    background-size: cover;
    background-position: center;
}
.banner-bottom{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_beach2.png);
    background-size: cover;
    background-position: center;
}
.banner-bottom-contact{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_beach_contactinfo2.png);
    background-size: cover;
    background-position: center;
}
.banner-about{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_mondi1_with_flying_cape.png);
    background-size: cover;
    background-position: center;
}
.banner-middle-about{
    width: 100%;
    height: 30vh;
    background-image: url(guapoplace_balk_geel_mondi_resized.png);
    background-size: cover;
    background-position: center;
}
.banner-bottom-about{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_mondi2b.png);
    background-size: cover;
    background-position: center;
}
.banner-game-info{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_trip1_resized.png);
    background-size: cover;
    background-position: center;
}
.banner-middle-game-info{
    width: 100%;
    height: 30vh;
    background-image: url(guapoplace_background_trip_balk.png);
    background-size: cover;
    background-position: center;
}
.banner-bottom-game-info{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_trip2_resized.png);
    background-size: cover;
    background-position: center;
}
.banner-dev-page{
    width: 100%;
    height: 100vh;
    background-image: url(guapoplace_background_beach_contactinfo1.png);
    background-size: cover;
    background-position: center;
}
.container{
    width: 90%;
    margin: 0 auto;
    padding: 1%;
}
.box-3{
    width: 18%;
    float: middle;
    margin: 2%;
}
.container-text{
    width: 45%;
    margin: 0 auto;
    padding: 1%;
}
/* CSS for Categories */
.categories{
    padding: 4% 0;
}

.img-responsive{
    width: 100%;
}
.img-curve{
    border-radius: 15px;
}
.logo{
    width: 10%;
    float: left;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.menu{
    line-height: 60px;
}
.menu ul{
    list-style-type: none;
}

.menu ul li{
    display: inline;
    padding: 1%;
    font-weight: bold;
}

.clearfix{
    clear: both;
    float: none;
}

a{
    color: #ff6b81;
    text-decoration: none;
}
a:hover{
    color: #ff4757;
}

.content{
    width: 100%;
    text-align: center;
    font-size: large;
    box-sizing: border-box;

}

.position_insta_ref{
    position: absolute;
    top: 3%;
    transform: translateY(0%);
}

/* CSS for Social */
.social ul{
    list-style-type: none;
}
.social ul li{
    display: inline;
    padding: 1%;
}