html {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

header, footer {
	background-color: rgb(0,67,105);
	margin-right:0;
	text-align: center;
	color: white;
	font-family: 'PT Sans', sans-serif;
	width:100%;
	height:100%;
	padding-top:1%;
	padding-bottom:1%;
}

header:hover, footer:hover {
	background-color: rgba(0,67,115,0.9);
}

body {
	background-color: rgb(229,221,200);
	font-family:'PT Sans', sans-serif;;
	height:100%;
	margin:0;
	font-size:15px;
}

/*FORMAT FOR SECTION */
.red {background-color:rgb(219,31,72);}
.navy{background-color:rgb(0,67,105);}
.teal1{background-color:rgb(1,148,154); padding:3%;}
.teal2{background-color:rgb(100,200,200); padding:3%;}
.sand{background-color:rgb(229,221,200);}
section {
	color:black;
	text-align: center;
	padding: 0;
	margin:0;
	width:100%;
	}
/*END SECTION */

/*FORMAT FOR DIVS*/
.oneColumn { width: 90%;}
.twoColumn { width: 49%; margin-top:4px;}
.threeColumn { width:40%; text-align:center;}
.tinyColumn { width:49%;}
div {
	margin: 0;
	display: inline-block;
	text-align:left;
}
/*END DIV */

video {
    max-width: 70%;
    max-height: 100%;
}

/* FLEX DIV USING TABLE ROW-COLUMN CONCEPT FOR SAME HEIGHT*/
.row {
  display: flex;
}

.col1, .col2, .col3 {
	flex: 1;
	margin:15px;
	padding:1%;
}
/*END FLEX DIV*/

/*FORMAT FOR CAROUSEL */
.carousel {display: none;}

.carouselImg{
	width:100%;
	height:80vh;
}
.slideshow-container {
  position: relative;
  margin: 0;
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  text-align: center;
}

.active {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/*END FORMAT FOR CAROUSEL */

/*FORMAT FOR TABLE*/
table {
    position:center;
	margin-left:auto;
	margin-right:auto;
	color:black;
	text-align:left;
	padding:1%;
}

td{	
	vertical-align:top;
	width:50%;
}
/*END TABLE*/

/*WHATSAPP BUTTON FORMAT*/
button {
    background-color:Green; 
    border-color:white; 
    font-size:25px; 
    color:white; 
    padding:2%;
    border-radius:10px;
}

button:hover {
    font-size:26px; 
    border-color:rgb(229,221,200); 
}
/*END BUTTON FORMAT*/

/* MEDIA QUERY FOR SMALL SCREEN*/
@media screen and (max-width:800px) {
.oneColumn, .twoColumn, .threeColumn, .fourColumn, .col, .row {
    width:100%; 
	margin:0;
	display:block;
}

.carouselImg{
	width:100%;
	height:40vh;
}

img {
  max-height:100;
  max-width:100%;
  vertical-align: middle;
}

.hide {
    display:none;
} 
section, div, table, header, footer {margin:0;}
}
/* END MEDIA QUERY*/