.site-header{
        width: 100%;
        height: 60vh;
        background: linear-gradient(57deg, #0B0000, #990000)   ;
        clip-path : polygon( 0% 0%, 100% 0%, 100% 75%, 0% 100%);
        color: white;
        font-family: Helvetica,freesans,sans-serif;



	}

.head {

	width: 50%;
	float: left;
	

	
}

.head h1{

     margin: 150px 200px;


}
.subheader{
	width: 50%;
    float: left;
 
   
}
.subheader h3{

	font-size: 18px;

	margin-top:150px;
	margin-right: 20px;
	 text-align: justify;
  text-justify: inter-word;
}

.subheader button{
    background: linear-gradient(57deg,  #990000, #0B0000)   ;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 300px;
    border: 1px solid white;
    border-radius: 18px;
}

.subheader button:hover{
background: linear-gradient(57deg,  #0B0000,  #990000)   ;

}
.subheader button a{

	text-decoration: none;
	color: white;
}







@media screen and (max-width:780px){

.site-header{
        width: 100%;
        height: 60vh;
        background: linear-gradient(57deg, #0B0000, #990000)   ;
        clip-path : polygon( 0% 0%, 100% 0%, 100% 75%, 0% 100%);
        color: white;
        font-family: Helvetica,freesans,sans-serif;



	}

.head {

	width: 100%;
	float: left;
	

	
}

.head h1{

     margin: 40px 40px;


}
.subheader{
	width: 100%;
   clear: both;
 
   
}
.subheader h3{

	font-size: 15px;

	margin :20px 20px;
	 text-align: justify;
  text-justify: inter-word;
}

.subheader button{
    background: linear-gradient(57deg,  #990000, #0B0000)   ;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 20px;

    border: 1px solid white;
    border-radius: 18px;
}

.subheader button:hover{
background: linear-gradient(57deg,  #0B0000,  #990000)   ;

}
.subheader button a{

	text-decoration: none;
	color: white;



}

}