/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

@media (min-width: 460px) { 

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	body {

    padding-top: 102px;

	}

	.desktop-nav-show {

	  display: block;
	}


	.navbar-nav {

	  padding-top: 40px;
	  padding-bottom: 0px;

	}

	#desktop-nav-brand {

	  display: none;
	}

	#logo { 

	width:100%;
    max-width:400px;
    position:absolute;
    top:80px;
    right: 40px;
    display: block;

	}

	#main-logo {
		width: 80%;
		min-width: 500px;
		/*height: 317px;*/
		min-height: 400px;
		max-width: 1050px;
  		/*width: 40%;*/
	}

	
	.hidden-header-box {

		top: 102px;
	}


	.navbar-light .navbar-nav .nav-link {

    	padding: 20px 20px 20px 20px;

	}

	.navbar{

	  padding: 0 1rem;

	}
	

	.highlights-box {

		margin-top: 0px;
	}

	.table tr {

    border-bottom: 0px ;

	}


	.table td {

	padding:20px 10px;
    display: table-cell;
    border-top: 1px solid #fff;

	}

	.breakout-col {
		  width: 50%;
		}

	.mob-hide {

		display: table-cell !important;
	}


	.inner-table td {

	
	  padding:5px 10px;


	}

	.inner-table tr:last-child td:last-child {
	   
	   padding-bottom: 20px;
	}

	.breakout-row td {

	  border: 0px;


	}

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.hidden-header-text {


		font-size:3em;
		 line-height: 70px;

	}


	#venue-square {

    min-width: 400px;

}

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

.masthead {
	height: 80vh;
	min-height: 600px;
	background-image: url('../img/abstract-bg-7-2.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

.full-size-background-7-2 {
	background-attachment:fixed;
}



 }




 @media (min-height: 500px) { 

	
 	.hidden-header-text {

 		bottom:140px;
 	}

}


@media (min-height: 700px) { 

	
 	.hidden-header-text {

 		bottom:180px;
 	}

}


@media (min-height: 900px) { 

	
 	.hidden-header-text {

 		bottom:280px;
 	}

}