/*<meta />*/
 @import url('Topics.css');
 
 /* Nav bar */
 
/* Home page tiles */

.section {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    margin-top: 80px;
    margin-bottom: 300px;
}

.tile-display {
    display: flex;+
	flex-direction: column;
    flex-flow: row wrap;
	align-items: center;
  	justify-content: center;
}

.tile-display > div.normal {
	 margin-left: 2%;
     display: flex; 
	 flex-direction: column;
	 align-items: center;
     justify-content: center;
	 width: 230px;
	 height: 190px;
	 margin-right: 2%;
     margin-bottom: 10px;
     margin-top: 10px;
	 border-width: 2px;
	 border-style: solid;
	 border-radius: 10px;
	 border-color: white;
	 box-shadow: 1px 1px 16px #ccc;
	 padding: 10px;
}

.tile-display > div
{
	 background-repeat: no-repeat;
	 background-position-x: center;
	 background-position-y:20%;
	 }

/*** Insert background images for tile divs here ***/
	
.tile-display > div.about
{	 
	background-image: url("../images/bpicons/BHB_About.png");
}

.tile-display > div.setup
{	 
	 background-image: url("../images/bpicons/BHB_Setup.png");
}

.tile-display > div.provisioning
{
	background-image: url("../images/bpicons/BHB_Provisioning_Updated.png");
}

.tile-display > div.booking
{	 
	 background-image: url("../images/bpicons/BHB_Booking.png");
}

.tile-display > div.faqs
{	 
	 background-image: url("../images/bpicons/BHB_FAQ.png");
}

.tile-display > div.marketing
{
	background-image: url("../images/bpicons/BHB_Marketing_Updated.png");
}

.tile-display > div.normal:hover {
	box-shadow: 1px 1px 16px grey;

}

.tile-display > div.normal p {
	text-align: center;
	font-weight: 800;
	margin-top: 110px;
	padding-left: 0px;
	margin-bottom: 0px;
}


.tile-display > div.normal p a:link, .tile-display > div.normal p a:visited, .tile-display > div.normal p a:hover {
	text-decoration: none;
	font-weight: 600;
	font-size: 1em;
	color: #16325a;
	transition: all 0.08s;
}

#videolibrary {
	background-color: #E3E4E4;
	padding-bottom: 15px;
	display: flex; 
	flex-direction: column;
	align-items: center;
    justify-content: center;
}

#videolibrary div {
	text-align: center;
    width: 110px;
	background-color: #3EBDAD;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	border-color: #3EBDAD;
	background-color: #3EBDAD;
	cursor: pointer;
	font-weight: bold;
	}
			
#videolibrary > div p a, #videolibrary > div p, #videolibrary > div p a:hover {
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	margin: 0px;
	}

 p.footerText > a:hover {
     text-decoration: underline;
}

hr {
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin:0;
     padding:0;
     margin-bottom:20px;
     max-width:1000px;
     margin-left: auto;
     margin-right:auto;
}

/* Lose padding on small viewport */

 @media only screen and (max-width: 1279px) {
     #content-section .right-section, #content-section .left-section {
         padding: 0;
    }
}

@media only screen and (max-width: 767px) {
     #content-section {
         padding-top: 30px;
         padding-bottom: 30px;
    }
	
	.tile-display > div.normal
	{
		width:260px;
	}
	
	.SearchBarHome
	{
		width: 80%;
	}

}