@media screen and (max-width: 1600px){
	.score-page img{
		width: 220px;
		top: 40px;
		left: 50px;
	}

	/*.score-page h1{
		font-size: 100px;
	}*/

	.first-sec .score{
		font-size: 160px;
	}

	.comment{
		padding: 1.5em 5em;
	}
}

@media screen and (max-width: 1400px){
	body{
		background-size: 112%;
	}
}

@media screen and (max-width: 1200px){
	body{
		background-size: 158%;
	}

	.text-center button{
		margin-left: 80px;
	}

	.cup-img{
		top: -80px;
		left: 80px;
	}

	.score-page img{
		width: 160px;
		top: 45px;
		left: 40px;
	}

	.score-page h1{
		font-size: 80px;
	}

	.first-sec .score{
		font-size: 130px;
	}
}

@media screen and (max-width: 1024px){
	body{
		background-size: 184%;
	}

	.score-sec{
		width: 90%;
	}

	.text-center button{
		margin-left: 0;
	}

	.cup-img{
		top: -50px;
		left: 0;
		width: 30%;
		float: right;
	}

	.score-page .header-img img{
		display: block;
		margin: 0 auto;
		top: 0;
		left: 0;
		width: 200px;
	}

	.score-page .score{
		text-align: center;
	}

	.comment-sec{
		min-height: 350px;
	}

	.comment-sec .cup-img{
		width: 20%;
		left: 0;
	}

	.modal-dialog{
		width: 70%!important;
	}
}

@media screen and (max-width: 992px){
	.navbar-header img{
		width: 170px;
	}

	.navbar ul{
		padding-top: 0;
	}

	.navbar ul li a{
		font-size: 13px;
	}

	.score-sec .form-group i{
		font-size: 45px;
		top: 0;
		margin-bottom: 30px;
	}

	.cup-img{
		top: -50px;
		left: 40px;
		width: 40%;
	}
}

@media screen and (max-width: 768px) and (orientation: portrait){
	body{
		background-size: 253%;
	}
}

@media screen and (max-width: 768px) and (orientation: landscape){
	.comment-sec{
		min-height: 300px;
	}

	.comment{
		padding: 1.5em 2em;
	}

	.modal-dialog{
		width: 80%!important;
	}
}

@media screen and (max-width: 767px){
	body{
		background-image: url('../img/backgroundmobile.png');
	}

	.navbar-header img{
		width: 200px;
		padding-top: 0;
	}

	.navbar-toggle{
		margin-top: 0;
	}

	.navbar-collapse{
		border-top: none!important;
    	-webkit-box-shadow: none!important;
    	box-shadow: none!important;
	}

	.navbar ul{
		float: none;
	}

	.navbar ul li{
		display: block;
		border: none;
		padding-bottom: 30px;
	}

	.navbar ul li a{
		text-align: center;
		font-size: 28px;
	}

	.first-sec{
		width: 85%;
	}

	.score-sec{
		width: 90%;
	}

	.cup-img{
		width: 35%;
		left: 70px;
	}
}

@media screen and (max-width: 560px){
	.navbar-header img{
		padding-top: 15px;
	}

	.first-sec h1{
		font-size: 80px;
	}

	.registration h2{
		font-size: 40px;
	}

	.cup-img{
		float: none;
		top: 0;
		left: 0;
		display: block;
		margin: 0 auto;
		padding-top: 20px;
	}

	.comments-text{
		width: 100%;
	}

	.modal-dialog{
		width: 97%!important;
	}

	.error-page a{
		font-size: 27px;
		letter-spacing: 1px;
	}
}

@media screen and (max-width: 425px){
	.first-sec h1{
		font-size: 70px;
	}

	.registration{
		width: 90%;
	}

	.comment{
		padding: 1.5em 1em;
		font-size: 20px;
	}

	.modal-body h2{
		font-size: 35px;
	}

	.info-text{
		padding: 40px 40px 60px 40px; 
	}

	.info-text h3{
		font-size: 16px;
	}

	.error-page{
		width: 95%;
	}

	.error-page h2{
		font-size: 35px;
	}

	.error-page p{
		padding-top: 20px;
	}

	.error-page a{
		font-size: 16px;
	}
}

@media screen and (max-width: 320px){
	.navbar-header img{
		width: 180px;
		padding-top: 25px;
	}

	.first-sec{
		width: 100%;
	}

	.registration{
		width: 95%;
	}

	.registration h2{
		font-size: 35px;
	}

	.score-sec .form-group i{
		font-size: 44px;
	}

	.comment-sec{
		width: 105%;
	}

	.info-text{
		padding: 20px 20px 40px 20px;
	}

	.modal-body h2{
		left: 0;
		top: 15px;
	}

	.error-text h2{
		font-size: 30px;
	}

	.error-text a{
		font-size: 14px;
	}
}