.center{
	margin: 0 auto;
}

@font-face{
	font-family: Renogare;
	src: url ("../fonts/Renogare.ttf");
}
a,div,p,input{
	outline:none!important;
}
body {
	line-height: 1.2;
	color: #08004E;
	text-align: center;
}

.bg-img{
	background: url(../images/Rehydration_bg.jpg) no-repeat center center fixed;
	background-size: cover; 
} 

html { 
  background: url(../images/Rehydration_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

.bg-img h2 {
	font-family: Renogare !important;
	font-size: 42px;
	font-weight: 600;
	color: #08004E;
	margin-top: 60px;
}

img {
	vertical-align: middle;
	padding-top: 90px;
}

.protocol {
	padding-top: 25px;
}

.protocol h1 {
	font-family: Renogare !important;
	font-size: 55px;
	font-weight: 800;
	color: #08004E;
}

.protocol p {
	font-family: 'Open Sans', sans-serif;
	font-size: 27px;
	margin: 40px 0 40px 0;
	color: #08004E;
	font-weight: 400;
	line-height: 1.15;
}

.protocol h6 {
	font-family: 'Open Sans', sans-serif;
	margin: 50px 0 50px;
	font-size: 27px;
	font-weight: 900;
	color: #08004E;
}

.button {
	color: #eee1e1;
	background-color: #0175A9;
	border-color: #0175A9;
	font-size: 24px;
	padding: 8px 45px;
	border-radius: 50px;
	border: 1px solid;
}

.button:hover {
    color: #fff;
    background-color: #0A4D6B;
    border-color: #adadad;
    border: 1px solid;
}

footer{
	color: #fff;
	font-size: 22px;
	border: 1px solid;
	margin: 105px 0px 35px 0;
	padding: 18px;
}


@media only screen and (max-width : 420px) {
  .button {
	color: #eee1e1;
	background-color: #0175A9;
	border-color: #0175A9;
	font-size: 19px;
	padding: 8px 14px;
	border-radius: 50px;
	border: 1px 0 1px 0 solid;
}
.protocol p {
    font-family: 'Open Sans', sans-serif;
    font-size: 34px;
    margin: 40px 0 40px 0;
    color: #08004E;
    font-weight: 400;
    line-height: 1.15;
}
}