@font-face {
    font-family: 'Social Circles';
    src: url('FONTS/SocialCircles.otf') format('opentype');
}

body {
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
    font-size:14px;
    margin: 0;
    padding: 0;
}

        .fa:hover {
            opacity: 0.9;
        }
 
        .fa-whatsapp, .fa-instagram, .fa-youtube, .fa-facebook, .fa-twitter, .fa-map-marker {
            background: transparent;
            color: white;
        }

        .fa {
            padding: 5px;
            font-size: 40px;
            width: auto;
            text-decoration: none;
            margin: 5px 5px;
        }

label {
    display: block;
    margin-bottom: 5px;
    color: #333;
}

.menulabel {
	margin:0 2px;
	/*width: 70px;*/
	height:20px;
	text-align:center;
	/*background: green;*/
	padding:2px 5px;
	border-radius:3px;
}

.menulabel:hover {
	/*background: rgb(76, 187, 23);*/
	background-color:#eee;
	/*color:white;*/
}

#bannerdiv {
   background-size:100% 100%;
   background-repeat: no-repeat;
   height: 400px;
   width: 100%;
}

#bannerdiv img {
     width:100%; height:400px; object-fit: fill; loading:lazy;
}

#headerdiv {
    /*background-color: #45a049;*/
    display:flex;
    flex-direction:row;
    justify-content: auto;
    align-items: center;
    padding-top:20px;
    padding-bottom:20px;
}
#logodiv {
    /*background-color: #45b049;*/
    display:flex;
    justify-content:center;
}
#logodiv img {
    width:170px; 
}
#titlediv {
    /*background-color: #45c049;*/
    display:flex;
    flex-direction:column;
    justify-content:center;
    z-index:1;
    flex-grow:1;
    position:absolute;
    left:0;
    width:100%;
}
#dl {
    font-size:9vmin ;
}

#menudiv {
    display:flex;
    justify-content: right;
    padding:3px;
    background-color:#fff;
    margin:auto;
}

#menudiv a {
    text-decoration:none;
    color: navy;
  }
a {
    text-decoration:none;
    color: white;
 }
#menudiv a:hover {
    text-decoration:none;
    color: rgba(216, 12, 12, 0.726);
  }

span {
    display:flex;
    flex-direction:row;
}

h1, h3 {
    font-family: Cambria, 'MyCambria';
    font-size:7vmin;
    /*font-size: 36px;*/
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    /*line-height: 0px;*/
    color: navy;
    font-style: normal;
    position: relative;
    text-align: center;
    text-shadow: 2px 2px 2px #777777;
  }
  
  h3 {
    font-size:3vmin;
    color: blue;
    text-shadow: 1px 1px 1px #777777;
  }

  #footerdiv {
    display:flex;
    flex-wrap: wrap;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

#img_hdr_bk {
    /*src="FILES/digital.png";*/ 
}

@media screen and (max-width: 760px) {
  h1 {
    font-size:6vmin ;

  }
  
  h3 {
    font-size:4vmin ;

  }
#headerdiv {
    flex-direction:column;
}
#bannerdiv {
    height:200px;
} 
#bannerdiv img{
   height:100%;
   object-fill:fill;
}
#dl {
    font-size:9vmin ;
}
#titlediv {
    position:relative;
}
#headerdiv {
    background-color: rgb(3, 16, 44);
}
h1 {
    color:white;
}
h3 {
    color:cyan;
    text-shadow:none;
}
#logodiv img {
    width:120px; 
}
    #tower1, #tower2, #sstn {
        display:none;
    }
#img_hdr_bk {
    display:none;
}
}