html, body { overflow-x: hidden; } body { 	font-family: 'Open Sans', Helvetica, Arial, sans-serif; 	font-size: 20px; 	font-weight: 300; 	overflow-x: hidden; }  a, button { transition: all 0.3s ease; } a:hover, a:focus { 	text-decoration: none; 	outline: none; }  .row { display: block; } .tm-left-right-container { width: 100%; }  .tm-blue-bg { 	background-color: #006599; 	color: white; }  .tm-blue-text {	color: #006599; } .tm-blue-bg a {	color: white; }  .tm-site-name { 	font-size: 4rem; 	margin-top: 20px; }  .tm-logo-div {  	padding-top: 40px;  	padding-bottom: 40px; }  .tm-main-nav { display: none; }  .tm-main-nav-ul { 	display: inline-block; 	padding-left: 0; }  .tm-section { margin-bottom: 60px; } .tm-welcome-title {	font-size: 2.4rem; } .tm-section-title {	font-size: 2.2rem; } .tm-content-div { padding: 40px; } .tm-margin-b-45 { margin-bottom: 45px; } .tm-margin-b-30 { margin-bottom: 30px; } p { line-height: 2; }  .tm-button { 	background-color: #006599; 	border: none; 	color: white; 	cursor: pointer; 	display: inline-block; 	font-size: 1.4rem;	 	padding: 18px 35px; }  .tm-button-wide { padding: 18px 40px; }  .tm-button:hover, .tm-button:active, .tm-button:focus { 	background-color: #2790c6; 	color: white; }  .tm-nav-item:hover a, .tm-nav-item:active a, .tm-nav-item:focus a, .tm-nav-item-link.active { 	color: #f4ef5e; }  .tm-about-img-container { margin-top: 50px; }  .tm-gallery-container { 	overflow: auto; 	margin-left: -5px; 	margin-right: -5px; }  .tm-img-container {	float: left; }  .tm-img-container-1, .tm-img-container-2, .tm-img-container-3 {  	margin-bottom: 10px; 	width: 50%;  }  .tm-img-tn { 	padding-left: 5px; 	padding-right: 5px; }  .tm-img-tn { 	display: block; 	margin: 0 auto; }  .tm-contact-right { margin-top: 40px; }  .form-control { 	border-color: #0a6697; 	border-radius: 0; 	color: #4286ab; 	font-family: 'Open Sans', Helvetica, Arial, sans-serif; 	font-size: 1.3rem; }  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 	color: #4286ab !important; }   input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ 	color: #4286ab !important;   }   input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */ 	color: #4286ab !important;   }   input:-ms-input-placeholder, textarea:-ms-input-placeholder {   	color: #4286ab !important;   }  .tm-contact-right {	padding-left: 15px; } .tm-copyright-p { margin-bottom: 0; }  /* Media Queries */ @media (min-width: 576px) { 	.container { width: 100%; } 	.tm-site-name { margin-top: 35px; } 	.tm-welcome-title { font-size: 2rem; } 	.tm-img-container-1 { width: 20%; } 	.tm-img-container-2 { width: 33.3334%; } 	.tm-img-container-3 { width: 25%; } }  @media (min-width: 768px) { 	.tm-about-img-container { margin-top: 0; } }   @media (min-width: 992px) { 	.tm-main-nav { 		display: flex; 		justify-content: center; 	}  	.tm-left-column {  		position: fixed;  		height: 100%; 	}  	.container { width: 100%; } 	.tm-left-column { width: 30%; }  	.tm-right-column { 		float: right; 		width: 70%; 	}  	.tm-nav-item { 		cursor: pointer; 		font-size: 1.5rem; 		list-style: none; 		padding: 8px 30px; 		transition: all 0.3s ease; 	}  	.tm-site-name { 	    font-size: 3.3rem; 	    margin-top: 30px; 	}     .tm-logo-div { 	    padding-top: 50px; 	    padding-bottom: 50px; 	}  	.tm-section { margin-bottom: 100px; }  	.tm-content-div { padding: 80px 40px 30px 80px;	}  	.tm-img-container-1 { 		margin-bottom: 10px; 		width: 33.3334%; 	}  	.tm-img-container-2 { 		margin-bottom: 10px; 		width: 50%; 	}  	.tm-img-container-3 { 		margin-bottom: 10px; 		width: 33.3333%; 	}  	.tm-contact-right { margin-top: 0; } }  @media (min-width: 1200px) {		 	.container { width: 100%; }	 	.tm-button-wide { padding: 18px 68px; } 	.tm-img-container-1 { width: 20%; } 	.tm-img-container-2 { width: 33.3333%; } 	.tm-img-container-3 { width: 25%; } 	.tm-contact-right { padding-left: 42px; } .framegame {width:100%;  height:390px;} }  @media (min-width: 1500px) {	 	.container { width: 100%; } 	p { margin-bottom: 30px; }  	.tm-gallery-container { 		overflow: auto; 		margin-left: -10px; 		margin-right: -10px; 	}  	.tm-img-tn { 		padding-left: 10px; 		padding-right: 10px; 	} }   @media (min-width: 1800px) { 	.container, 	.tm-left-right-container { 	    width: 100%; 	}  	p { margin-bottom: 36px; }  	.tm-gallery-container { 		overflow: auto; 		margin-left: -10px; 		margin-right: -10px; 	}  	.tm-img-container-1 { width: 20%; }  	.tm-img-tn { 		padding-left: 10px; 		padding-right: 10px; 	} }   @media (max-height: 860px) { 	.tm-logo-div { 	    padding-top: 45px; 	    padding-bottom: 20px; 	}  	.tm-nav-item { font-size: 1.4rem; }  	.tm-site-name { 		font-size: 2.4rem; 		margin-top: 10px; 	} }  @media (min-height: 859px) { 	.tm-logo-div { 	    padding-top: 100px; 	    padding-bottom: 100px; 	}  	.tm-nav-item { font-size: 1.9rem; } } #active_menu {background: #075b86;     border: 2px solid #033a56;     color: #fec917;         padding: 2px 5px 2px 5px;     border-radius: 10px;} .framegame {width:100%;  height:600px;}