*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

img{
    vertical-align:bottom;
    border:0px;
}

body,html{
    height:100%;
}

body,p,h1,h2,h3,h4,h5,h6{
    padding:0px;
    margin:0px;
}

nav ul, nav li{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

@font-face{
    font-family:'Murs Gothic Key';
    src: url(../murs_gothic/DESKTOP/MursGothic-WideDark.otf);
}

@font-face{
    font-family:'Sansation';
    src: url(../sansation/Sansation_Regular.ttf);
}

@font-face{
    font-family:'Fjalla One';
    src: url(../FjallaOne-Regular.ttf);
}



body{
    background-color:rgb(0, 0, 0);
    position:relative;
    background-size:cover;
    background-position:center;
    background-position-y:500;
    background-attachment:fixed;
    background-repeat:no-repeat;
    height:auto;
}

img{
    width:100%;
    height:auto;
}

a:link,a:visited{
    color:rgb(183, 169, 155);
    text-decoration:none;
}

.wrapper2{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    position:absolute;
    width:80%;
    height:100%;
    right:0px;
    top:0px;
    margin-left:auto;
}

.pic{
    z-index:0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    position:absolute;
    width:95%;
    height:90vh;
    margin:5vh;
    border-radius:20px;
    object-fit:cover;
    filter: brightness(25%);
}

.text_box{
    width:45%;
    left:0px;
    z-index:1;
    margin:60px;
    margin-left:7%;
    margin-right:auto;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    color:rgb(183, 169, 155);
}

.heading{
    font-family:'Fjalla One';
    font-size:50px;
    margin-bottom:20px;
}

.text{
    font-size:20px;
    font-family:'Century';
    height:70vh;
    overflow:scroll;
}

.text a{
    text-decoration:underline;
}

.text a:hover{
    color:rgb(135, 124, 113);
}


@media (max-width: 1000px){

    .text_box{
        margin-left:11.5%;
    }
}

@media (max-width: 700px) and (min-height:600px){

    .text_box{
        margin-top:50px;
    }

    .heading{
        font-size:35px;
    }

    .text{
        font-size:17px;
    }

    .pic{
        padding-bottom:5vh;
    }

}

@media (max-width: 600px){

    .pic{
        display:none;
    }
    


    .text_box{
        width:95%;
        justify-content:center;
        margin:auto;
    }
}



@media (max-height:600px) and (max-width:400px){

    .text{
        height:75vh;
    }
}

@media (max-height:600px) and (min-width:400px){

    .text{
        height:60vh;
        font-size:4vh;
    }

    .heading{
        font-size:8vh;
    }

    .pic{
        margin-left:10vh;
    }

    .text_box{
        margin-left:15vh;
    }

}