/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.myBtn{
		width: 80% !important; 
		font-size: 2.5vh !important;
		padding: 10px !important;
		margin-top:auto!important;
		margin-bottom: auto!important;
	}
	.row{
	margin: 0 !important;
}
h1{
	font-size: 40px !important;
}
footer{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
}
@media only screen and (min-width: 600px) {
	.row{
	margin: 0 !important;
}
h1{
	font-size: 50px !important;
}

}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.myBtn{
		width: auto !important; 
		font-size: 1.5vh !important;
	}
	.row{
	margin: 0 !important;
}
}
@media only screen and (min-width: 992px) {
	.myBtn{
		width: auto !important; 
		font-size: 2vh !important;
	}
	h1{
	font-size: 48px !important;
}
}
@font-face {
    font-family: GothamBook;
    src: url("Gotham-Book.otf") format("opentype");
}
@font-face {
    font-family: GothamBold;
    src: url("Gotham-Bold.otf") format("opentype");
}
body{
	background-color:#d2d5da!important;
}
p.class {font-size: 20px;
color:#004b87;
}
.container{
	background-color:#ffffff !important;
	padding-top:30px;
	padding-bottom:30px;
}
.myBtn{
	
	background-color: #64a70b;
	border-radius: 10px;
	color: white;
	text-decoration: none;
	padding: 20px;
	border: 3px solid transparent;
	font-family: GothamBook;
	font-size: 2vh ;
	font-weight: 600;
	display:inline-block;
    width: 90% !important; 
	margin: 5px !important;
}
.myBtn:hover{
	background-color: white;
	border: 3px solid #64a70b;
	color: #64a70b;
}

.myLink{
	
	background-color: transparent;
	color: #64a70b;
	text-decoration: none;
	font-family: GothamBook;
	font-size: 3vh ;
	font-weight: 600;
	display:inline-block;
}
.myLink:hover{
	color: #b1f05d;
}
.disabled{
	background-color: gray;
	border: 3px solid transparent;
	color: white;
	border-radius: 10px;
	text-decoration: none;
	padding: 20px;
	font-family: GothamBook;
	font-size: 2vh ;
	font-weight: 600;
	display:inline-block;
    width: 90% !important; 
	margin: 5px !important;
}
.disabled:hover{
	color:white;
}
.row{
	margin: 30px ;
}
h1{
	font-family:GothamBold;
	color: #004b87;
	font-size: 48px;
	margin-bottom: 30px !important;
}
.break{
	width: 50%; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px !important;
}
.breakTop{
	width: 50%; 
	margin-left:auto;
	margin-right:auto;
}
footer{
	padding-left: 40px;
	padding-right:40px;
}