a{color: #2749A1;}
img:hover{cursor: pointer;}

nav{height: auto; width: auto; background: #f2f2f2;  padding-top: 0px}
nav #nav-logo{width: 100%; background:  #012A77;}
nav #nav-logo a{width: 100%; font-weight: bold; display: inline-block; font-size: 3em; color: #fff; text-align: center; word-wrap: break-word; white-space:normal}
nav #nav-logo a p{display: inline-block; vertical-align: middle;}
nav #nav-logo button{float: right; background:  none; padding: 5px 10px; border: 2px solid #fff; border-radius: 5px; display: none; color: #fff; outline: none;}
nav #nav-logo a img{ position:relative; height:auto; width:150px; display: inline-block; vertical-align: middle; margin: 10px 30px;}

nav #nav-navbar{float: left; width: 100%; background: #2749A1; background-position: center center;	background-size: cover;	border-radius: 0 0 50% 50%; background-repeat: no-repeat;}
nav #nav-navbar ul{list-style-type: none; float: none; text-align: center;}
nav #nav-navbar ul li{display: inline-block}
nav #nav-navbar ul li a{padding: 21px; display: block; color: #fff; font-size: 2em; }
nav #nav-navbar ul li a:hover{}

#index{width: 100%; background: #f2f2f2; }
#index #text{padding:10px; text-align:center; padding-right: 10%; padding-left: 10%}
#index #text h1{padding:20px; margin-bottom:0px; text-align:center; overflow: hidden; word-wrap:break-word}
#index #text img{width:80%; height:80%; text-align:center; margin: 10px auto 20px; border:#91b8f7 2px solid; border-radius:20px}
#index #text p{font-size:1.4em;  word-wrap: break-word;  white-space: break-spaces; margin-bottom:0px; padding-bottom:50px;text-align:justify;}
#index #text table{height: 55px; border-collapse: collapse; margin-left: auto; margin-right: auto;}
#index #text td{text-align: justify; font-size: 100%}

#service{width: 100%; background: #f2f2f2; padding-bottom: 100px;text-align: center;}
#service h1{font-size: 3em; color: #2749A1; margin-left: 50px; padding-top: 20px; margin-bottom: 20px; display:flex; text-align: center;}
#service h1 a{color: #2749A1;}
#service .services{max-width: 45%; width: 400px; max-height:325px; overflow-y: auto; overflow-x: hidden; margin: 10px 10px auto auto; display: inline-block; background: #fff;  text-align:center;}
#service .services h3{font-size: 1.5em; color: #888; line-height:40px; margin: 10px 10px 10px auto; text-align:center; white-space:normal; word-wrap:normal}
#service .services h4{font-size: 1.5em; color: #2749A1}
#service .services span.date{font-size: 1.5em; color: #2749A1}
#service .services p{ line-height: 25px; color: #888; height:80px;}
#service .services a{padding: 15px 30px; background: #2749A1; color: #fff; font-size: 1.1em;}
#service .services a:hover{transition: 2s ; background: #717b8a; }
#service .services img{display: block; margin: 0 auto; width:auto; height: 200px; margin-top:20px}

#banner2{width: 100%; height: 600px; background: url('../img/index1.jpeg') no-repeat; background-size: cover; background-position-y: 50%;text-align:center; }
#banner-dark{width: 100%; height: 600px; background: rgba(0,0,0, 0.5); margin-top: -600px; text-align:center; }
#banner-dark #banner2-text{width: 99%; word-wrap: break-word; white-space: break-spaces}
#banner-dark #banner2-text h1{color: #fff; font-size: 2em; }
#banner-dark #banner2-text p{color: #fff; font-size: 1.5em;  margin-left:10px; text-align:justify}
#banner-dark #banner2-ul{width: 25%; float: right;  margin-top: -270px; margin-right: 5%;}
#banner-dark #banner2-ul li{list-style-type: none; margin-top: 15px; color: #2749A1; font-size: 1.3em;}
#banner-dark #banner2-ul li:before{content: '› '}

#responses{width: 100%; height: auto; text-align: center; margin: 50px 0px;}
.response{display: inline-block; width: 18%; padding: 2%; margin-left: 0%;}
.response h1{font-size: 3em; color: #2749A1; font-weight: bold;}
.response h2{font-size: 1.7em; color: #333; padding: 20px 0px;}
.response p{line-height: 25px; color: silver;}

footer{max-width: 100%; width: auto; min-height:50px; background: #333; white-space:break-spaces; line-height:10px}
footer h1{font-size: 1.2em; color: #fff; margin-left:10px}
footer h1 span{font-size: 0.7em; padding: 0px 10px; color: #91b8f7;}
footer p{margin-top: -20px; color: #ffffff7e; margin-left: 10px; line-height: 20px}

#about{max-width: 100%; width: 100%; height: auto; background: #f2f2f2;}
#about .about{max-width:100%; height:auto; padding-left: 10px; text-align:center; display: inline-block; padding-bottom: 40px; }
#about .about img{width: auto; height: auto; padding: 5px; background: #fff; border: 1px solid #cecece; border-radius: 3px; max-width:200px; max-height:400px}
#about .about h1{margin-bottom:0px; text-align:center}
#about .about h3{padding: 30px; color: #333; font-size: 1.8em; font-weight: normal;}
#about .about p{padding: 10px 50px 0 50px; color: #888; font-size: 1.2em; line-height: 25px; width: auto;white-space:normal; text-align:justify}
#about .about ul{list-style-type: none;}
#about .about span{font-size: 2.2em; color: #2749A1}
#about #team{display:inline-block; width:100%; height:auto; text-align:center}
#about #team .team-card{vertical-align:top; margin:10px; width: 45%; height:auto; min-width:800px; overflow: hidden; display: inline-block; background: #fff;  text-align:left; margin-left:auto; margin-right:auto; border:#888 1px solid}
#about #team .team-card h1{font-size: 1.3em; line-height:20px;}
#about #team .team-card h3{font-size: 1em; color: #888; line-height:20px; white-space:normal; word-wrap:normal}
#about #team .team-card h4{color: #2749A1}
#about #team .team-card p{line-height: 15px; color: #888;}
#about #team .team-card a{margin: 10px 5px; display:block; height:50%; text-align:center; background: #2749A1; color: #fff; font-size: 1.1em; line-height:40px}
#about #team .team-card a:hover{transition: 1s ; background: #2d4fa5; }
#about #team .team-card img{display: inline-block; margin-left:10px; width:150px; max-height: 300px; margin-top:20px;}
#about #team .team-card table{height: auto; width: 80%; border-collapse:separate}
#about #team .team-card td{width:50%;}
#about #team .team-card td:nth-child(2){text-align:right}

#care ul li{margin-bottom: 20px; font-size: 1.2em; list-style-type: none;}
#care ul li:before{content: '› '; color: #91b8f7; font-weight: bold;}

#contact{width: 100%; height: auto; padding-bottom: 00px; text-align: center; background: #f2f2f2;}
#contact table{height: 55px; width: 50%; border-collapse: collapse; margin-left: auto; margin-right: auto;}
#contact td{text-align: center; font-size: 150%}
#contact iframe{padding-top: 30px; width: 90%;}
#contact h1{margin-bottom: 0px; text-align: center;}
#contact p{font-size: 140%; white-space: break-spaces; line-height: 50px;}

#news{width: 100%; max-width: 100%; box-sizing: content-box; background: #f2f2f2;}
#news h1{text-align: center;}
#news #news-block{display: block; margin-right: 10%; margin-left: 10%}
#news #news-block input[type=search]:focus{border:1.5px solid #7b96c0;}
#news #news-block h1{text-align: center;}
#news #news-block #item{padding-bottom:20px; width:100%; overflow: hidden; border:#888 1px solid; background: #fff; padding:10px; margin-left:auto; margin-right:auto; margin:10px; }
#news #news-block #item h1{font-size: 1.5em; color: #2749A1; text-align:left; line-height: 1.6}
#news #news-block #item p{text-align: justify; font-size: 1em; padding: 0px 0px 30px 0px; color: #333; line-height: 25px; word-wrap: break-word;width: auto; white-space: break-spaces}
#news #news-block #item a:hover{transition: 1s; border-bottom: 1px solid #2749a1d5; margin-bottom: 1px}
#news #news-block #item img{margin-right: 20px; width: 250px; height: 140px; display: inline-block;}
#news #news-block #item #center{display: inline; text-align: left; }
#news #news-block #item #center img{text-align: left; width: 250px; height: auto; float: left;}
#news #news-block #item #center video{float: left; width: 250px; height: 140px}
#news #news-block #item #center p{margin-left: 300px; text-align: left; font-size: 1em; padding: 0px 0px 30px 0px; color: #333; line-height: 25px; word-wrap: break-word;width: auto; white-space:normal;}
#news #news-block #item #center h3{float:right; font-size: 1.5em}

#news #news-more{display:block;  padding-bottom: 100px; margin-right: 50px; margin-left: 50px}
#news #news-more h1{text-align:center; font-size: 2.5em; color: #2749A1;}
#news #news-more video{display: block; margin: 0 auto; margin-bottom: 20px}
#news #news-more img{display: block; margin: 0 auto; margin-bottom: 20px; min-width:10%; height:100%;}
#news #news-more p{text-align: justify; font-size: 1em; margin-left:10%; margin-right:10%; color: #333; line-height: 25px; word-wrap: break-word;width: auto; white-space: break-spaces}
#news #news-more h3{text-align: justify; margin-left:10%; margin-right:10%; color: #333; line-height: 25px; word-wrap: break-word;width: auto; white-space: break-spaces}

/*Size adaptability*/
@media(max-width: 900px){
    body{font-size: 85%;}
    img{width: 80%; height: 80%}
}

/*Required for JS*/
.gallery {display: block;align-items: center;justify-content: center;text-align:center}
.gallery img{max-width: 100%; max-height:480px;margin-bottom: 20px; border:#888 3px solid}
.gallery video{max-width: 100%; max-height:480px;margin-bottom: 20px; border:#888 3px solid}
.gallery button{margin: 0 10px; margin-bottom:20px; display:inline-block; font-size: 18px;border: none;border-radius: 5px;background-color: #2d4fa5;color: #fff;cursor: pointer; }
.gallery button:focus{opacity:1; transform:scale(1)}
.gallery button:hover {background-color: #a2b8e9; opacity:0.85; transform:scale(1.025)}
.gallery button:last-child{}

#elastic{display: block; margin: 40px 0;}
.elastic li{margin-bottom: 10px; font-size: 120%; color:#7b96c0;}
.elastic li a{transition: all ease 500ms;}
.elastic li.hide{display:none}
.elastic li a.hide{display:none}

.fullscreen-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex;justify-content: center;align-items: center;z-index: 1000;}  
.fullscreen-image {max-width: 100%;max-height: 100%;margin: 0 auto;display: block;}