body {
	width: 100%;
	height: 100%;
	border-radius: 15px;

    /* border: 3px solid whitesmoke; */
}
html {
    margin: 1% 1% 1% 1%;
	
}

@font-face {
	font-family: "Biko-Bold";
	src: url('./fonts/biko/Biko_Bold.eot'); /* IE9 Compat Modes */
	src:url("./fonts/biko/Biko_Bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url('./fonts/biko/Biko_Bold.otf')  format('opentype'), /* Legacy iOS */
	url("./font/biko/Biko_Bold.woff") format("woff"),
	url("./fonts/biko/Biko_Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("./fonts/biko/Biko_Bold.svg#Biko-Bold") format("svg");  /* Legacy iOS */
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family: "Biko_Regular";
	src: url('./fonts/biko/Biko_Regular.eot'); /* IE9 Compat Modes */
	src:url("./fonts/biko/Biko_Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url('./fonts/biko/Biko_Regular.otf')  format('opentype'), /* Legacy iOS */
	url("./font/biko/Biko_Regular.woff") format("woff"),
	url("./fonts/biko/Biko_Regular.ttf") format("truetype"), /* Safari, Android, iOS */
	url("./fonts/biko/Biko_Regular.svg#Biko_Regular") format("svg");  /* Legacy iOS */
	font-weight:normal;
	font-style:normal;
	}

/*custom text*/
h6, h5, h4, p, a {
		font-family: "Biko_Regular";
		color: white;
	}
h1, h2, h3, h4, ul {
		font-family: "Biko-Bold";
		color: white;
	}
.text_respon {
     font-size: 17px;
}
/*custom nav*/
nav ul a {
	padding: 0px 42px !important;
}
nav .button-collapse i {
    height: 56px;
    line-height: 40px !important;
}
.waves-effect.waves-p {
     /* The alpha value allows the text and background color
     of the button to still show through. */
      background-color: rgb(231, 0, 124);
    }
#modal1 {
		z-index: 9999 !important;
	  }   
@media (max-width: 550px) { 
		html { 
			margin: 2% 2% 2% 2%;
			}
	.text_respon {
     font-size: 16px;
}

}
@media (min-width: 450px), (max-width: 1025px) {
	#logomobile {
            width: 200px;
	}
	.logo {
		width: 100px;
	}

	.head {	
		height: 0px;
	}
} 

@media (min-width: 1100px), (max-width: 1600px) {
	.head {
  height: 0px;
}
}