@font-face {
    font-family: CandelaBook;
    src: url(CandelaBook.otf);
}

h1 {
    font-size: 30px;
    font-family: CandelaBook, Times, serif;
    text-align: center;
    margin: auto;
    height: 50%;
    padding: 10px;
    	margin-top: 100px;

}

h2 {
    font-size: 20px;
    font-family: CandelaBook, Times, serif;
    text-align: center;
    padding: 10px;
    margin-top: 10px;

}





p {
    font-family: CandelaBook, Times, serif;
}

/*.head {
    margin: auto;
    width: 50%;
    padding: 10px;
}*/

body {


background: #f7ff00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #db36a4, #f7ff00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #db36a4, #f7ff00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}




@media only screen and (max-width: 600px) {
	.head {
	    margin: auto;
	    width: 50%;
	    padding: 10px;
	}
	.logo {
	    height: 80%;
	    width: 80%;
	    display: block;
    	margin-left: auto;
    	margin-right: auto;
	}

	.badge{
		    height: 80%;
		    width: 80%;
		    display: block;
	    	margin-left: auto;
	    	margin-right: auto;
	}
}

@media only screen and (min-width: 600px) {


.head {
    margin: auto;
    width: 50%;
    padding: 10px;
}
.logo {
	    height: 200px;
	    width: 200px;
	    display: block;
    	margin-left: auto;
    	margin-right: auto;
}

.badge{
	    height: 30%;
	    width: 30%;
	    display: block;
    	margin-left: auto;
    	margin-right: auto;
}

}