.reg-link a{
    padding: 5px;
    font-size: 1.5em;
}

.reg-link img{
    width:50%; 
    height:auto;
}

.ribbon {
    height: 10vw;
    width: 60vw;
    -webkit-transform: rotate(-145deg);
    background-color: red;
    display: inline-block;
    position: absolute;
    bottom:0vw;
    left:-10vw;
    
}

.ribbon-text {
    font-size: 2vw;
    -webkit-transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    bottom: -0.5vw;
    right: 12%;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

#hotel-img{
    overflow-x: hidden;
    display: block;
    align-items: flex-end;
}

@media only screen and (max-width: 500px) {
    .ribbon-text {
        bottom: -35%;
    }
}


.orange-text {
    color:#ff9900;
}

.purple-text {
    color:purple !important;
}

.blue-text {
    color:#244182;
}

.blue-text2{
    color:#1582c7 !important;
}


.white-hover:hover {
    color: white !important;
}

.black-hover:hover {
    color: black
}

.reg-button {
    font-size: 2.5em;
    border: 3px solid #1582c7;
    border-radius: 15px;
    color:#1582c7;
}

.reg-button:hover {
    background-color: #1582c7;
}

.reg-button:hover a {
    color: white !important;
}  

.ToT {
	background-color: rgba(255, 0, 0, 0.5);
	color:white;
	position: relative;
	z-index: 2;
	width: 100%;
	overflow:hidden;
}

.Overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #1153A3;
	opacity: 0.8;
	z-index: 0;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  min-height: 100%;
  min-width: 100%;
}

.blue-bg {
		background-color: #2278E9;
	}
	
	.blue-fg {
		color: #2278E9;
	}
	
	.purple-bg {
		background-color: #8C22E9;
	}
	
	.purple-fg {
		color: #8C22E9;
	}
	
	.contact-us-panel {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.contact-us-form {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	
	.contact-us-form .field-row {
		position: relative;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.contact-us-form input {
		width: 100%;
		height: 41px;
		border: none;
		border-radius: 10px;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		font-face: "Courier";
		font-size: 10pt;
	}
	
	.contact-us-form input:focus {
		outline: none;
	}
	
	.contact-us-form textarea {
		width: 100%;
		height: 150px;
		border: none;
		border-radius: 10px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
		resize: none;
		font-face: "Courier";
		font-size: 10pt;
	}
	
	.contact-us-form textarea:focus {
		outline: none;
	}
	
	.contact-us-form .img-div {
		position: absolute;
		left: -52px;
		top: 0;
		width: 37px;
		height: 41px;
		margin-right: 15px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	
	.contact-us-form .img-div img {
		width: 100%;
		height: auto;
	}
	
	.contact-us-form button {
		height: 41px;
		border: none;
		border-radius: 15px;
		box-sizing: border-box;
		font-size: 12pt;
		color: white;
	}
	
	.Team-Panel {
		background-image:url("../img/teamBG.jpg");
		background-color: #cccccc; /* Used if the image is unavailable */
		background-position: center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
		color: white;
	}
	
	@media (orientation: landscape) {
		.contact-us-panel h1 {
			font-size: 3vw;
		}
		.contact-us-form button {
			width: 200px;
		}
	}
	
	@media (orientation: portrait) {
		.contact-us-panel h1 {
			font-size: 3vh;
		}
		.contact-us-form button {
			width: 150px;
		}
	}	
	
	h1 {
		font-weight:bold;
	}
	
	.button {
		height: 44px;
		padding: 4px 9px;
		border: none;
		border-radius: 15px;
		box-sizing: border-box;
		font-size: 12pt;
		color: white;
		background-color: #8C22E9;
		cursor: pointer;
	}
	
	.white-button {
		height: 50px;
		width: 200px;
		border: none;
		font-size: 12pt;
		color: black;
		background-color: #FFFFFF;
		font-weight:bold;
		cursor: pointer;
	}