@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700');


body{
	font-family: 'Open Sans', sans-serif;
}


.hero {
   position: relative;
   min-height: 600px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: -20px;
   

}
.hero::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
   background-image: url("../images/rose.jpg");
  background-color: #1565c0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center ;
   filter: brightness(50%);*/
   
  


}
.hero-content {
   position: relative;
   font-family: "Muli", sans-serif;
   color: white;
   text-align: center;
   margin: 0.625rem;
   margin-bottom: -40px;
}
.hero-title {
   font-size: 4.5em;
   font-weight:600;
   margin-bottom: 30px;
   letter-spacing: 2px;
  font-family:'Dosis', sans-serif;
;

  }
.hero-subtitle {
   font-size: 1.7em;
   font-weight: 500;
   margin-top: px;
       font-family: 'Dosis', sans-serif;
   color:#ffb900;
   letter-spacing: 5px;


}
.hero-button {
   letter-spacing: 1px;
   display: inline-block;
   background-color: transparent;
   color: white;
   border: 1px solid #3399FF  ;
   margin-top: 2rem;
   padding: 10px;
   font-family: 'Dosis', sans-serif;
   font-size: 1.5em;
   cursor: pointer;
   border-radius: 0px;
  

 


   
}
.hero-button:hover {

   background-color:  #1565c0;
   border: 1px solid  #1565c0;


}
.link{

color: #fefefe;

}
.link:hover{
color: #fefefe;
}


@media screen and (max-width: 900px) {
   .hero-title{
      font-size:3.7em;
      


    }
}