
*{
-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;
}

.buttons{
    display:none;
}

a:link,a:visited{
	color:rgb(183, 169, 155);
	text-decoration:none;
}

.wrapper2{
    position:absolute;
    width:80%;
    right:0px;
    top:0px;
    margin-left:auto;
}

.featured_images{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    padding:10px;
    margin-right:40px;
    margin-left:40px;
}


.featured_images>*{
    display:flex;
    flex-direction:row;
    position:relative;
}

.featured_images>*>*{
    display:flex;
    flex-direction:row;
    position:relative;
    margin:10px;
    object-fit:cover;
    width:100%;
    cursor:pointer;
    overflow:hidden;
    border:none;
    transition: 1s ease-out;
}

.featured_images>*>*:hover{
    width:120%;
}

.row1{
    height:550px;
}

.row2{
    height:350px;
}

.row3{
    height:550px;
}

.row4{
    height:350px;
}


@media (max-width: 900px) {
    .wrapper2{
        margin-top:200px;
        width:100%;
    }
    
    .featured_images>*>*:hover{
        width:100%;
    }

    .featured_images>*>*{
        width:100%;
        height:auto;
        object-fit:initial;
        flex-direction:column;
    }

    .featured_images>*{
        flex-direction:column;
        height:auto;
        object-fit:cover;
        justify-content:center;
    }
    
    
}