{
	box-sizing: ;
}
body,h4,h5{
  margin: ;
  /*background-image: radial-gradient( rgb(223, 240, 247), rgb(250, 250, 250));*/
  background-color: rgb(223, 240, 247);
  background-image: ;
  font-family: "Poppins", sans-serif;
     font-size:16px;
}
header{
  background-color:;
  height: 65px;
  margin: 0px;
  clear:right;
  max-width:100%;
}

nav{
  z-index:2;
 float:;
 text-align:;
 padding: 0;
 margin: 0;
overflow: hidden;
 
 }

.title {
  color: hsl(0, 0%, 100%);
  float: left;
  padding-left: 10px;
  font-size:;
  width:650px;
  height: 63px;
  margin:0;
  background-color: ;
  background-image: linear-gradient(rgb(212, 13, 7),rgb(247, 168, 168));
  font-size: 2.8rem;
  font-weight: bold;

}

.topnav a, .mtitle{
  float: left;
  display:block;
  text-transform: capitalize;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.6rem;
}

.topnav a:hover{
  background-color: rgb(196, 6, 6);
  color:black ;
}

.topnav .icon, .mtitle {
  display: none;
}


.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer;}
.w3-half img:hover{opacity:1;}
  

.mySlider {display: none;
  
}

.mySlidestxt{
  position: relative;
  top: 5%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 40px;
}

.txt{
  color: #ffffff;
  font-weight: bold;
}



#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left:0;
  bottom: 0;
  background-color: black;
  z-index: 2;
  cursor: pointer;
}

.btnpos{
  position:absolute;
  top:10%;
  right: 0%;

}






/*Responsive*/

@media only screen and (max-width: 550px){
	.title{
    display: none;
		 width: 200px;
  font-size: 1.5em;
  font-weight:bold ;
  padding: 20px;
  height: 20px;
  	}
 }


@media screen and (max-width: 650px) {
  nav {float: ;
    position: relative;
    max-width: 100%;
  }
 .topnav a {display: none;}
 .mtitle{display: block;
        height: 65px; 
        background-image: linear-gradient(rgb(212, 13, 7),rgb(247, 168, 168));
        font-weight: bold;
      
}

.topnav  a.icon {
  float: right;
  display: block;
}


/*nav .topnav{display:block;}*/
}

@media screen and (max-width: 650px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
}

.topnav.responsive  a {
  float: none;
  display: block;
  text-align: center;
  background-color: #7c0594;
  max-width: ;
 
}
.topnav.responsive  a:hover{background-color: rgb(196, 6, 6);}

}


@media (max-width:550px) {
  .txt h1, p {font-size:0.8em;

  }
}