*{
    
}
img{
    max-width: 100%;
    height: auto;
}
.header img {
    display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--menu--*/
            ul.topnav {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                position: relative;
                background-color: #007AFF;
            }

            ul.topnav li {float: left;}

            ul.topnav li a {
                display: inline-block;
                color: #f2f2f2;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
                transition: 0.3s;
                font-size: 17px;
            }

            ul.topnav li a:hover {background-color: #025CBE;}
            .topnav li:first-child ~ li {max-height:none; overflow: hidden;}
            ul.topnav li.icon {display: none;}

            @keyframes example {
                from {max-height: 0; opacity: .75;}
                to {max-height: 100vh; opacity:1; }
            }

/*--slider--*/

.carousel-caption h3 {
		color: #025CBE !important;
}
.carousel-caption p {
		color: black !important;
}
.carousel-caption p a {
		text-decoration:none;
		color: red !important;
		font-size: 15px;
		border: 1px solid #000000;
		background:#FFFFFF;
		border-radius: 10px;
		padding: 5px;
}

.slider{ margin-top: 10px;}
/*--responsive--*/
            @media screen and (max-width:680px) {
                ul.topnav {background: none;}
                ul.topnav li:not(:first-child) {display: none; }
                ul.topnav li.icon {display: block;}
                ul.topnav li {background-color: #007AFF;}
                ul.topnav.responsive {position: relative;}
                ul.topnav li.icon {
                    position: absolute;
                    right: 0;
                    top: 0;

                }
                ul.topnav.responsive li, ul.topnav li:first-child {
                    float: none;
                    display: block;
                }
                ul.topnav.responsive li a {
                    display: block;
                    text-align: left;
                }
	

                .topnav.responsive li:first-child ~ li:not(:last-child) {


                    animation-name: example;
                    animation-duration: 5s;
                }
				}