@charset "UTF-8";
@import url("newstyle.css");

html, * {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

/*
* {
	border:1px solid red;
}
*/


body {
	font-family: "Ysabeau", sans-serif;
	background-color: #FFFAF0;
}

.op {
	padding: 10px;
	font-size: 30px;
}

.head {
		background-image:url("images/room.png");
		background-size:contain;

	}

.logo {
	margin: 0;
	
}
.sub-title {
	color: #ECA337;
	font-size: 10px;
}

.main-title {
	font-size: 60px;
	margin: 0;
	padding: 0px;
}

.language {
	font-size: 10px;
	
}


.exam-about {
	background:url("images/exam room.jpg") no-repeat top;
	background-size: cover;
}



.en {
	border: 1px solid;
	border-radius: 15px;
	padding: 5px;
	width: auto;
	margin: 5px;
	text-decoration: none;
	
}

a {
	text-decoration: none;
	color: #000000;
	
}

a:hover {
	text-decoration: none;
	color:#FFAC00;
	
}

.bm {
	border: 1px solid;
	border-radius: 15px;
	padding: 5px;
	width: auto;
	margin: 5px;
	text-decoration: none;
	
}

.logo {
	align-content: center
}

.partners {
	width: 30px;
	height: 150px;
	word-wrap: normal;
	

}

.partn {
	
	align-content: center;
}

.row-part {
	display: flex;
	flex-direction: row;
	margin: 20px 0;
	justify-content: center;
	
}

.col-part {
	border: 1px solid #AB8485;
	border-radius: 30px;
	padding: 20px;
	width: 140px;
	height: 150px;
	margin: 10px;
	display: flex;
	flex-direction: row;
	text-justify: center;
	align-items: center;
	justify-content: center;
	background-color: #FFFAF0;
	box-sizing: border-box;
	
}

.carousel-caption a{
	color: #FFFAF0 !important;
	font-size: 30px;
	background-color: #9F988E !important;
	border: 1px solid #9F988E;
	border-radius: 15px;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	
}

.carousel-caption a:hover{
    color: burlywood !important;
	
}

.dota {
	padding-bottom: 60px;
}

.exam {
	background-color: transparent;
}

.exam-button {
	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	flex-direction: row;
}

.ex-but {
	background-color: #FFFAF0;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	scroll-behavior: auto
}

h1 {
	color: #FFFAF0;
	padding: 30px;
	font-size: 30px;
    justify-content: center;
	text-align: center;
	
}

.cont {
	text-align: left;
	font-size: 25px;
	position: absolute;
	left: 0;
}

.help {
	text-align: left;
	font-size: 25px;
	left: 0;
}

.gth {
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
}

footer {
	font-size: 10px;
	margin: 0;
}

.pfoot {
	width: 240px;
	padding-left: 20px;
}
 
.row-fot {
	display: flex;
	justify-content: flex-end;
	align-items:flex-end;
	column-gap: 5px;
	margin: 20px, 0;
	padding-left: 5px;
	padding-right: 100px;
}
.col-fot {
	width: 30px;
	height: auto;
	margin: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}


.main-title-cont {
	font-size: 45px;
}

.regi {
	color: #000000;
	padding: 30px;
	font-size: 30px;
}

.reg:hover {
	color: burlywood;
}


.row {
	padding-top: 10px;
	padding-left: 20px;
	display: flex;
	flex-direction: row;
	margin: 20px 0;
}

.col a{
	padding: 5px;
	width: auto;
	height: auto;
	margin: auto;
	display: flex;
	flex-direction:column;
	text-align:center;
}

.col:hover {
	color: burlywood;
	text-decoration: none;
}


/*dropdown menu*/

.dropdown-exmenu {
	alignment-baseline: top;
	align-content: flex-start;
}

.head-row {
	display:flex;
	flex-direction: row;
	justify-content: center;
	padding: 40px;
	
}
.head-col {
	display:flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 400px;
	padding: 0 30px;
	text-align: center;
	width: 300px;
	height: 20px;
}
.dropbtn {
	color: #FFFAF0;
	text-decoration: none;
	text-align: center;
	padding: 20px 24px;
	
}

.drop {
	color: #FFFAF0;
	text-decoration: none;
	text-align: center;
	justify-content: center;
	padding-top: 20px;
	align-content: center;
	width: 180px;
	height: 60px;
	display: inline-block;
	background-color: #FFFAF0;

	
}

li a:hover, .dropdown:hover, .dropbtn {
	background-color: #FFFAF0;
}

li.dropdown {
	display: inline-block;
}


.dropdown-content {
	display: none;
	position: absolute;
	z-index: 500;
	background-color: #FFFAF0;
	min-width: 160px;
	
}

.dropdown-content a {
	color:#000000;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
	display: block;

}

.dropdown-content a:hover {
	color: darkgoldenrod;
	background-color: #FFFAF0;
}


/*exam dropdown*/
h2 {
	text-align: center;
	text-decoration: none;
	align-content: center;
	color: #000000;
	font-size: 15px;
	
}

td .ex-but {
	text-align: center;
	align-content: center;
	margin: 0;
	padding: 0;
	
	
}

.exam-button li a, .dropbtn {
	display: inline-block;
	color: #FFFAF0;
	text-decoration: none;
	text-align: center;
	padding: 20px 24px;
	align-content: center;
	
}

.exam-button li a:hover, .dropdown:hover, .dropbtn {
	background-color: #FFFAF0;
	align-content: center;
}


.exam-button .dropdown-content a:hover {
	color: darkgoldenrod;
	
}

.exam-button .dropdown:hover .dropdown-content {
	display: block;
	width: 22%;

}

.exam-button li.dropdown {
	display: inline-block;
}

.exam-button .dropdown-content {
	display: none;
	position: absolute;
	z-index: 500;
	background-color: #FFFAF0;
	min-width: 200px;
	
}

.exam-button .dropdown-content a {
	color:#000000;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 12px 16px;
}

tr .exam-button {
		display: flex;
		flex-direction: column;
		align-content: center;
	    text-align: center;
	box-sizing: border-box;
	justify-content: center;
	
	}

li .dropbtn {
	align-content: center;
	display: flex;
	flex-direction: row;
}


/*date*/

.name {
	color: #FFFAF0;
	padding: 7px;
	margin: auto;
	font-size: 18px;
}

.days {
	font-size: 18px;
	
	
	
}

.date {
	font-size: 80px;
	font-family: "Heebo", sans-serif;
	text-align: center;
}

.count {
	font-size: 50px;
	padding-top: 10px;
}

.exdate {
	font-family: "Heebo", sans-serif;
}

.ct {
	font-size: 30px;
	padding-bottom: 10px;
}

.part {
	color: #FFFAF0;
	font-size: 30px;
	padding: 30px;
	
}



.carousel {
	font-size: 30px;
	padding: 20px;
	color: #FFFAF0;
}



.reg {
	text-decoration: none;
	color: #FFFAF0;
	padding: 4px;
	
}

.reg:hover {
	color: burlywood;
}




/*ABOUT PAGE00000000000000000000*/



.sub-col {
	display: flex;
	flex-direction: row;
	margin: 10px 0;
	
}

.sub-row {
	padding: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: auto;
	border: 1px solid #8D7B7B;
	border-radius: 0 0 30px 30px;
	background-color: #4B4037;
	position: sticky;
	top: 0;
	
}


.subtitle a {
	padding: 0 30px;
	font-size: 15px;
	color: #FFFAF0 !important;
	
}

.subtitle a:hover {
	padding: 0 30px;
	font-size: 15px;
	color:burlywood !important;
	
}

.ceo {
	font-size: 25px;
	padding: 30px 0 0 0;
}

.ceo-row {
	display: flex;
	flex-direction: row;
	margin: 20px 0;
	justify-content:center;
}

.ceo-col {
	border: 1px solid #4D4036;
	padding: 5px;
	height: auto;
	width: 180px;
	margin: 10px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	text-align: center;
	align-items: center;
	font-size: 15px;
	
	
	
}

.ceo-col img {
	width: 90px;
	height: 125px;
	border-radius: 15px 15px 0 0 ;
	border: 2px solid #4B4037;
	margin: 10px;
	justify-content:center;
	
}

.backg {
	text-align:start;
	border: 1px solid #4D4036;
	padding-left: 20px;
	width: 700px;
	font-size: 15px
}

.backg ul {
	padding-left: 20px;
}

.bg-sec {
	background-color: #4B4037;
	border-radius: 0 0 20px 20px;
	padding: 30px;
	color: #FFFAF0;
}



.mecbg {
	font-size: 25px;
	padding: 20px;
	color: #FFFAF0;
	text-align: start;
}

.vm {
	width: 800px;
	margin: 20px;
	padding-left: 200px;
	font-size: 15;
	
	
}


.mv h3 {
	padding: 20px ;
	width: 539px;
	background-color: #4B4037;
	
}

.mv p {
	padding-left: 20px;
	padding: 10px;
}

.mv {
	border: 1px solid #4D4036;
	margin: 0 60px 20px 0;
	padding: 0 20px 20px 0;
	border-radius: 0 0 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center
}


.mec-vm {
	color: #FFFAF0;
	
}

.mecvm {
	font-size: 25px;
	padding: 40px 0 20px 0;
}

.mobj {
	font-size: 25px;
	padding: 40px 0 40px 0;
	background-color: #4D4036;
	border-radius: 0 0 30px 30px;
	color: #FFFAF0;
}

.obj {
	padding-left: 200px;
	width: 800px;
	text-align: justify;
}

.str {
	font-size: 25px;
	padding: 40px 0 40px 0;
	background-color: #4D4036;
	border-radius: 0 0 30px 30px;
	color: #FFFAF0;
}

.structure {
	text-align: center;
	border: 1px solid #FFFAF0;
	padding: 20px 300px;
	
}

.strc-col {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 20px;
}

.song {
	font-size: 25px;
	padding: 40px 0 40px 0;
	background-color: #4D4036;
	border-radius: 0 0 30px 30px;
	color: #FFFAF0;
}
.mecsong {
	text-align: center;
	border: 1px solid #FFFAF0;
	padding: 20px 300px;
}





	




/*CONTACTTTTTTTTTTTTTTT*/

.contus {
	background-color: #FFFAF0;
}
.contactus {
	width: 40%;
	border: 1px solid #534747;
	border-radius: 0 0 20px 20px;
	display: flex;
	flex-direction: column;
	margin: 20px auto;
	padding: 20px;
	background-color: #413B36;
	color: #FFFAF0;
}

input[type="text"] {
	margin: 10px;
	height: 30px;
	border: 0;
	border-radius: 20px;
	padding: 3px 10px;
	background-color: #FFFAF0;
}

textarea {
	height: 100px;
	margin: 20px 0;
	background-color: #FFFAF0;
	border: 0;
	border-radius: 20px;
	padding: 3px 10px;
}

button {
	margin: 5px;
	height: 30px;
	border: 0;
	border-radius: 20px;
	padding: 3px 10px;
	background-color: #FFFAF0;
	cursor: pointer;
}

button[type="submit"] {
	background: #DED5C9;
	
}

button[type="submit"]:hover {
	background: #D5BC87;
	color: #FFFAF0;
	font-size: 15px;
}

button[type="reset"]:hover {
	background: #B5875A;
	color: #FFFAF0;
	font-size: 15px;
}

.headcontus, .cu, .loca, .cs, .fb, .oe {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 30px;
}

.number {
	 font-family: "Heebo", sans-serif;
}
.number-2 {
	font-family: "Heebo", sans-serif;
	padding-left: 38px;
}

.rowcall {
	display: flex;
	flex-direction: row;
	margin: 20px, 0;
	justify-content:space-around;
}

.colcall {
	display: flex;
	flex-direction: column;
	padding: 20px;
	
}

.cu {
	text-align: left;
}

.oe {
	text-align: left;
}


.faq {
	color: #000000;
}

.faqnfb h3 {
	justify-content: center;
	padding: 20px 30px 0 30px;
	margin: 0 100px;
	align-items: center;
	text-align: center;
}

.faqnfb {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	
}

.infocol {
	width: 300px;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.jawapan {
	width: 300px;
}

.cfd {
	align-items: center;
	text-align: center;
	justify-content: center;
	width: 500px;
}









/*CHARTERRRRRRRRRRRRRR OOOOOO*/







.service {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 30px;
}

.dis {
	padding: 40px;
	width: 700px
}

.rowserv {
	display: flex;
	flex-direction: row;
	margin: 20px 40px
}

.colserv {
	display: flex;
	flex-direction: column;
	width: 700px;
	padding: 10px 50px
}

.tab {
	margin: 20px;
	padding-left: 30px;
	text-align:center;
}

.cc {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 30px;
}

.ab {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 25px;
	margin: 0 40px;
}

.abus {
	font-size: 25px;
	margin: 0 40px;
}

.abu {
	margin: 0 40px;
	width: 400px
}
























@media (max-width: 768px) {
	
	
	
	/*date*/
	
	.logo-mpm img {
		width: 130px;
		height: 130px;
		vertical-align: top;
	}
	
	.main-title {
		font-size: 50px
	}
	
	.sub-title, .bm, .en {
		font-size: 10px
	}
	
	
	.dropdown-item {
		font-size: 15px;
	}
	
	h1 {
		font-size: 30px;
		background-blend-mode: color-burn;
	}
	.date {
		font-size: 40px;
	}
	
	a .dropbtn {
		align-content: center;
		display: block;
	}
	
	.main-title-cont {
		font-size: 40px;
	}
	
	.row-part {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.col-part {
		display: flex;
		flex-direction: column;
	}
	
	.count {
		font-size: 25px;
	}
	.ct {
		font-size: 15px
	}
	
	.name {
		font-size: 15px;
		color: #FFFAF0;
		border: 1px solid #4B4038;
	}
	
	.partitem {
		font-size: 15px;
	}
	
	.item {
		font-size: 15px;
	}
	
	
	
	.days {
		font-size: 15px;
		border: 1px solid #4B4038;
	}
	
	.help {
		text-align: left;
		vertical-align: middle;
		font-size: 20px;
		background-color: #EAE2DD;
	}
	
	.cont {
		text-align: left;
		vertical-align: middle;
		font-size: 20px;
		background-color: #EAE2DD;
	}
	
	.row {
	padding-top: 5px;
	padding-bottom: 60px;
	display: flex;
	flex-direction: row;
	margin:0;
    font-size: 15px;
	justify-content: center;
    background-color: #EAE2DD;
}

.col {
	width: 2px;
	height: 80px;
	margin:0;
	display: flex;
	flex-direction:column;
	text-align: center;
	}
	
	.foot {
		background-color: #EAE2DD;
	}
	
	footer {
		font-size: 10px;
		background-color: #EAE2DD;
	}
	

	
	.head-row {
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-content: center;
	
	
}
.head-col {
	display:flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 120px;
	text-align: center;
	padding-left: 250px;
}
	
	.drop {
	color: #FFFAF0;
	text-decoration: none;
	text-align: center;
	justify-content: center;
	align-content: center;
	width: 180px;
	height: 60px;
	background-color: #FFFAF0;
		
	}
	
	.head {
		background-image:url("images/room.png");
		background-size:contain;
	}
	
	.carousel-caption a{
		font-size: 20px !important;
	}
	
	.name {
	color: #FFFAF0;
	padding: 7px;
	margin: auto;
	font-size: 18px;
}

.days {
	padding: 10px;
	font-size: 18px;
	
}

.date {
	font-size: 60px;
	font-family: "Heebo", sans-serif;
	text-align: center;
}

.count {
	font-size: 50px;
	padding-top: 10px;
}

.exdate {
	font-family: "Heebo", sans-serif;
}

.ct {
	font-size: 35px;
	padding-bottom: 10px;
}
	
	
	/*ABOUUUUUTTTT*/
	
	
	.subtitle a {
		justify-content: center;
		text-align: center;
		padding: 0 15px;
		font-size: 15px;
	}
	
	.subtitle a:hover {
		justify-content: center;
		text-align: center;
		padding: 0 15px;
		font-size: 15px;
	}
	
	.ceo, .mecbg, .mecvm, .mobj, .str, .song {
		font-size: 20px;
	}
	
	.ceo-row {
	margin: 10px 0;
	
}

.ceo-col {

	font-size: 15px;
	
}
	
	.ceo-col h2 {
		font-size: 15px;
	}

.ceo-col img {
	width: 80px;
	height: 100px;
	}
	
	.backg {
	
	border: 1px solid #4D4036;
	padding: 20px 100px;
		font-size: 15px
	
}
	
	.vm {
	width: 600px;
	padding-left: 100px;
	font-size: 15px;
}


.mv h3 {
	padding: 20px ;
	width: 429px;
	background-color: #4B4037;
	
}

.obj {
	padding-left: 150px;
	width: 400px;
	text-align: justify;
	font-size: 15px;
}

.structure {
	padding: 20px 100px;
	font-size: 15px;
	
}
	.strc-col img {
		width: 400px;
		margin: 20px;
	}
	.mecsong {
	text-align: center;
	border: 1px solid #FFFAF0;
	padding: 20px 100px;
		font-size: 15px;
}

	
}

@media (max-width: 2000px) {
	
	h1 {
		font-size: 50px;
	}
	
	.op {
		font-size: 50px;
	}
	.regi {
		font-size: 50px;
	}
	
	.carousel {
		font-size: 50px;
	}
	
	footer {
		background-color: #EAE2DD;
		
	}
	
	.foot {
		background-color: #EAE2DD;
	}
	
	.row {
		background-color: #EAE2DD;
	}
	
	.col {
		font-size: 15px
	}
	
	.cont {
		padding-left: 100px;
	}
	
	.logo-bot{
		background-color: #EAE2DD;
	}
	.help {
		padding-left: 840px;
		background-color: #EAE2DD;
	}
	
	.date {
		font-size: 80px;
	}
	
tr .exam-button {
		display: flex;
		flex-direction: row;
		align-content:center;
		align-items: center;
		text-align: center;
	}
	
	.structure {
		text-align: left;
	}
	
	/*date*/

.name {
	color: #FFFAF0;
	padding: 7px;
	margin: auto;
	font-size: 18px;
}

.days {
	padding: 10px;
	font-size: 18px;
	
}

.date {
	font-size: 60px;
	font-family: "Heebo", sans-serif;
	text-align: center;
}

.count {
	font-size: 50px;
	padding-top: 10px;
}

.exdate {
	font-family: "Heebo", sans-serif;
}

.ct {
	font-size: 35px;
	padding-bottom: 10px;
}
	

}

@media (max-width: 1024px) {
	
	footer {
		background-color: #EAE2DD;
		
	}
	
	.structure {
		text-align: left;
	}
	.help {
	padding-left: 50%;
	font-size: 20px;
	left: 0;
}
	
	.foot {
		background-color: #EAE2DD;
	}
	
	.row {
		background-color: #EAE2DD;
	}
	
	.col {
		font-size: 15px
	}
	
	.cont {
		padding-left: 70px
	}
	
	.logo-bot{
		background-color: #EAE2DD;
	}
	.help {
		padding-left: 600px;
		background-color: #EAE2DD;
	}
	
	.date {
		font-size: 80px;
	}
	
tr .exam-button {
		display: flex;
		flex-direction: row;
		align-content:center;
		align-items: center;
		text-align: center;
	}
	
	/*date*/

.name {
	color: #FFFAF0;
	padding: 7px;
	margin: auto;
	font-size: 18px;
}

.days {
	padding: 10px;
	font-size: 18px;
	
}

.date {
	font-size: 60px;
	font-family: "Heebo", sans-serif;
	text-align: center;
}

.count {
	font-size: 50px;
	padding-top: 10px;
}

.exdate {
	font-family: "Heebo", sans-serif;
}

.ct {
	font-size: 35px;
	padding-bottom: 10px;
}
	

}

@media (max-width: 576px) {
	
	.logo-mpm img {
		width: 100px;
		height: 100px;
		vertical-align: top;
	}
	
	.main-title {
		font-size: 40px
	}
	
	.sub-title, .bm, .en {
		font-size: 7px
	}
	
	
	.dropdown-item {
		font-size: 10px;
	}
	
	h1 {
		font-size: 30px;
		background-blend-mode: color-burn;
	}
	.date {
		font-size: 40px;
	}
	
	a .dropbtn {
		align-content: center;
		display: block;
	}
	
	.main-title-cont {
		font-size: 30px;
	}
	
	.row-part {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.col-part {
		display: flex;
		flex-direction: column;
	}
	
	.count {
		font-size: 30px;
	}
	.ct {
		font-size: 20px
	}
	
	.name {
		font-size: 12px;
		color: #FFFAF0;
		border: 1px solid #4B4038;
	}
	
	.partitem {
		font-size: 12px;
	}
	
	.item {
		font-size: 12px;
	}
	
	.date {
		
	}
	
	.days {
		font-size: 10px;
		border: 1px solid #4B4038;
	}
	
	.help {
		vertical-align: middle;
		text-align:left;
		padding-left: 280px;
		font-size: 20px;
		background-color: #EAE2DD;
	}
	
	.cont {
		padding-left: 3px;
		text-align:left;
		vertical-align: middle;
		font-size: 20px;
		background-color: #EAE2DD;
	}
	
	.row {
	padding-top: 5px;
	padding-bottom: 60px;
	display: flex;
	flex-direction: row;
	margin:0;
    font-size: 12px;
	justify-content: center;
    background-color: #EAE2DD;
}

.col {
	width: 2px;
	height: 80px;
	margin:0;
	display: flex;
	flex-direction:column;
	text-align: center;
	font-size: 10px;
	}
	
	.foot {
		background-color: #EAE2DD;
	}
	
	footer {
		font-size: 7px;
		background-color: #EAE2DD;
	}
	

	
	.head-row {
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-content: center;
	
	
}
.head-col {
	display:flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 120px;
	text-align: center;
	padding-left: 155px;
}
	
	.drop {
	color: #FFFAF0;
	text-decoration: none;
	text-align: center;
	justify-content: center;
	align-content: center;
	width: 180px;
	height: 60px;
	background-color: #FFFAF0;
		
	}
	
	.head {
		background-image:url("images/room.png");
		background-size:contain;
	}
	
	.carousel-caption a{
		font-size: 20px !important;
	}
	
	
	
	/*ABOUUUTTTTTTTTT*/
	
	
	
	.subtitle a {
		justify-content: center;
		text-align: center;
		padding: 0 12px;
		font-size: 12px;
	}
	
	.subtitle a:hover {
		justify-content: center;
		text-align: center;
		padding: 0 12px;
		font-size: 12px;
	}
	
	.ceo, .mecbg, .mecvm, .mobj, .str, .song {
		font-size: 20px;
		text-align: center;
	}
	
	.ceo-row {
	margin: 10px 0;
	
}

.ceo-col {

	font-size: 12px;
	
}
	
	.ceo-col h2 {
		font-size: 12px
	}

.ceo-col img {
	width: 80px;
	height: 100px;
	}
	
	.backg {
	
	border: 1px solid #4D4036;
	font-size: 12px;
		width: 500px
}
	
	.mecbg {
		
	}
	
	.vm {
	width: 500px;
	justify-content: center;
	font-size: 12px;
}


.mv h3 {
	padding: 20px ;
	width: 339px;
	background-color: #4B4037;
	
}

.obj {
	padding-left: 150px;
	width: 400px;
	text-align: justify;
	font-size: 12px;
	padding-top: 20px
}

.structure {
	
	font-size: 12px;
	text-align:justify;
	width: 500px;
	padding-left: 150px
	
	
}
	.strc-col img {
		width: 400px;
		margin: 20px;
	}
	.mecsong {
	text-align: center;
	border: 1px solid #FFFAF0;
	padding: 20px 100px;
		font-size: 12px;
}



.headcontus, .cu, .loca, .cs, .fb, .oe {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 20px;
}


	
	
}

@media (max-width: 500px) {
	
	.col a{
		font-size: 10px;
		flex-flow:column;
	}
	
	
	/*ABOUUUTTTTTTTTT*/
	
	.titles {
	
	}
	
	.subtitle a {
		justify-content: center;
		text-align: center;
		padding: 0 8px;
		font-size: 10px;
	}
	
	.subtitle a:hover {
		justify-content: center;
		text-align: center;
		padding: 0 8px;
		font-size: 10px;
	}
	
	.ceo, .mecbg, .mecvm, .mobj, .str, .song {
		font-size: 15px;
		text-align: center;
	}
	
	.ceo-row {
	margin: 10px 0;
	
}

.ceo-col {

	font-size: 10px;
	
}
	
	.ceo-col h2 {
		font-size: 10px
	}

.ceo-col img {
	width: 50px;
	height: 70px;
	}
	
	.backg {
	
	border: 1px solid #4D4036;
	font-size: 10px;
		width: 410px;
		padding-left: 10px;
		text-align: justify;
		padding-bottom: 20px;
}
	
	.mecbg {
		
	}
	
	.vm {
	width: 450px;
	justify-content: center;
	font-size: 10px;
	padding-left: 70px;
		padding-bottom: 30px;
}


.mv h3 {
	padding: 20px ;
	width: 319px;
	background-color: #4B4037;
	
}

.obj {
	padding-left: 90px;
	width: 400px;
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.structure {
	
	font-size: 10px;
	width: 700px;
	padding-left: 80px;
}
	
	.structure ul, ol{
		padding-left: 30px;
	}
	.strc-col img {
		width: 400px;
		margin: 20px;
	}
	.mecsong {
	text-align: center;
	border: 1px solid #FFFAF0;
	padding: 20px 100px;
		font-size: 10px;
}
	
	
	
	
	
	
	
	
	/*CONTACTTTTTTTTTTTTT*/
	
	
	
	.headcontus {
		font-size: 20px;
		text-align: center;
	}
	
	.contactus {
		font-size: 12px;
		width: 350px
}
	
	input[type="text"] {
		font-size: 10px;
	}
	textarea {
		font-size: 10px;
		padding-left: 6px;
	}
	
	button {
		font-size: 12px;
	}
	button[type="reset"]:hover {
		font-size: 12px;
	}
	button[type="submit"]:hover {
		font-size: 12px;
	}
	
	
	.headcontus, .cu, .loca, .cs, .fb, .oe {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 20px;
}
	
	.cfd {
		font-size: 10px;
		width: 300px;
	}
	
	.infocol {
		font-size: 10px;
		width: 300px;
	}
	
	
	
	
	
	
	
	
	
	.service {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 20px;
}
	
	.hserv {
		font-size: 15px;
	}

.dis {
	padding: 40px;
	width: 400px;
	font-size: 10px;
}

.rowserv {
	display: flex;
	flex-direction: row;
	margin: 20px 40px
}

.colserv {
	display: flex;
	flex-direction: column;
	width: 700px;
	padding: 10px 50px
}

.tab {
	margin: 20px;
	padding-left: 30px;
	text-align:center;
	font-size: 10px;
	width: 400px;
}

.cc {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 20px;
}

.ab {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 15px;
	margin: 0 40px;
	text-align: center;
}

.abus {
	font-size: 15px;
	margin: 0 40px;
	text-align: center;
}

.abu {
	margin: 0 40px;
	width: 400px;
	font-size: 10px;
}
	
	.rowserv {
		font-size: 10px;
	}
	
	
}