@charset "UTF-8";
/* CSS Document */

.main-content {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #272727;
}

.bfcontent-cover {
    width: 100%;
    max-width: 1920px;
	position: relative;
	max-height: 800px;
	background-image: url( ../images/betfame-error.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.errorpage-content{
	padding-top: 40%;
}

.errorpage-content p{
	text-align: center;
	font-size: 12pt;
	color: #fff;
	line-height: 18pt;
	padding: 0px 40px 0px 40px;
}

.error-btn-yellow{
	text-align: center;
	margin: 35px 0px 35px 0px; 
}

.error-btn-yellow a{
	display: inline-block;
	background-color: #ffc426;
	margin: 20px 20px 20px 20px;
    padding: 12px 20px 12px 20px;
    width: 250px;
	font-size: 11pt;
	color: #000;
	border-radius: 8px;
	font-weight: bold;
}




@media only screen and (max-width:1920px){
	.bfcontent-cover {
	max-height: 900px;
	}	
	
	.error-btn-yellow {
    text-align: center;
    margin: 20px 0px 50px 0px;
}
	
	.errorpage-content p{
	font-size: 14pt;
	line-height: 21pt;
}
}

@media only screen and (max-width:900px){
	.errorpage-content p{
	font-size: 12pt;
	line-height: 18pt;
}
	
}

@media only screen and (max-width:768px){
	.error-btn-yellow a{
	width: 200px;
	}
}


@media only screen and (max-width:585px){
	.errorpage-content p{
	font-size: 11pt;
	line-height: 18pt;
}
	.error-btn-yellow a{
	width: 180px;
	padding: 10px 20px 10px 20px;
	}
}

@media only screen and (max-width:585px){
	.errorpage-content p{
	font-size: 10pt;
	line-height: 18pt;
}	
	.error-btn-yellow {
    text-align: center;
    margin: 20px 0px 20px 0px;
}
}

@media only screen and (max-width:414px){
	.errorpage-content p {
    font-size: 14pt;
    line-height: 21pt;
	padding: 80px 20px 0px 20px;
}
	.error-btn-yellow {
    text-align: center;
    margin: 20px 0px 20px 0px;
}
	.error-btn-yellow a {
    width: 250px;
    padding: 10px 20px 10px 20px;
	margin: 15px 0px 15px 0px;
}
	.bfcontent-cover{
	background-size: 120%;
    background-position: center 50px;
	}
}

@media only screen and (max-width:320px){
	.errorpage-content p {
    font-size: 12pt;
    line-height: 18pt;
    padding: 80px 20px 0px 20px;
}
	.bfcontent-cover {
    background-size: 130%;
    background-position: center 40px;
}
	
	.error-btn-yellow a {
    width: 230px;
    padding: 10px 20px 10px 20px;
    margin: 15px 0px 5px 0px;
}
}