/* ------------------------------------------------------------------------- */
/* DEVICE-SPECIFIC */

/* SMARTPHONES */
@media only screen and (max-width: 600px) {
    :root {
        font-size: 8px;
        --basic_font_size: 8px;
    }
	
	* {
		box-sizing: border-box;
	}
	
	body {
		width:100%;
	}
	
	div#upper_wrap {
		height:auto;
	}
	
	div#header_content, div#upper_content, div#middle_content, div#lower_content, div#footer_content {
		width: 100%;
		display:block;
	}
	
	div#header_logo {
		width:10rem;
		height:10rem;
		background:url("_img/UNI-HIGH_logo.png") no-repeat;
		background-size:contain;
		margin:1rem;
	}

	div#header_headline {
		font-size:3rem;
	}
	
	div#upper_left,div#upper_right {
		width:100%;
		height:100%;
		box-sizing: border-box;
		padding:0;
	}
	
	div#upper_left{ height: 300px; background-size:cover; background-position: 0 0; }
	div#upper_right { height:auto; padding:2rem 1rem 1rem 1rem; }

	
	div.aqua_box { margin: 0 0 1rem 0; width:100%; }
	
	div#hotel_photo_wrap {
		display:block;
	}
	
	div#hotel_photo_wrap img {
		width:100%;
	}
	
	div#lower_content {
		padding:0;
	}
	
	div#lower_left, div#lower_right {
		width:100%;
		padding:2rem;
	}
	
	div#lower_right {
		padding:0 1rem 1rem 1rem;
	}
	
	a { width: 100%; }

	div#but_orange, div#but_navy, div#but_white { 
		width:75%; 
		height:5rem; 
		border-radius: 5rem; 
		background-color:var(--orange); 
		color:white; 
		font-family:'Lato',sans-serif; 
		font-weight:700;
		text-align: center;
		font-size:3rem; 
		line-height:5rem;
		cursor: pointer;
		margin:1rem auto !important;
	}
	
	div#but_navy { background-color: var(--navy); margin: 1rem auto !important; }
	
	div#but_white {
		background-color:white;
		color:var(--navy);
		width:80%;
	}
	
	h2.align_l {
		text-align: center;
		
	}
	
	div#footer_content {
		height:auto;
		text-align: center;
		padding:1rem 0;
	}
	
	div#ig_footer_button {
		font-size:2.5rem;
		width:190px;
		margin:0 auto;
	}

}

/* ------------------------------------------------------------------------- */
/* TABLETS */

@media only screen and (min-width: 601px) and (max-width: 1200px) {
    :root {
        font-size: 14px;
        --basic_font_size: 16px;
    }
	
	body {
	}
	
	div#header_content, div#upper_content, div#middle_content, div#lower_content, div#footer_content {
		width:100vw;
	}
	
	div#upper_left { background: url("_img/Uni_100_anniversary-2048x1592.jpg") no-repeat center top; background-size:cover; }
	
	
}
/* ------------------------------------------------------------------------- */
/* SMALL DESKTOP & LAPTOPS */


@media only screen and (min-width: 1201px) and (max-width: 1500px) {
    :root {
        font-size: 16px;
        --basic_font_size: 20px;
    }
	
	body {
	}
	
	div#header_content, div#upper_content, div#middle_content, div#lower_content, div#footer_content {
		width:100vw;
	}
	
	div#upper_left { background: url("_img/Uni_100_anniversary-2048x1592.jpg") no-repeat center top; background-size:cover; }
	
}

/* ------------------------------------------------------------------------- */
/* DESKTOP */    


@media only screen and (min-width: 1501px) {
	:root {

	}


}