/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	h1{
		font-size: 50px;
	}
	
	h2{
		font-size: 30px;
	}	
	
	.wrap-s4{
		min-height: 190px;
		width: 65%;
		margin: 45px 4px 15px;
		padding: 15px 0 25px;
		box-shadow: 0 11px 22px rgba(0, 0, 0, .1);
		background-image: url(../img/s2-line.png);
		background-repeat: no-repeat;
		background-size: 102% 4px;
		background-position: 50% top;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h1{
		margin-top: 10px;
		font-size: 40px;
	}
	
	h2 span{
		display: block;
		margin: 10px auto;
		font-size: 25px;
	}
	
	.logo-big{
		display: block;
		width: 220px;
		margin: 10px auto 20px;
	}
	
	.master{
		margin-top: 25px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header{
		background-image: url(../img/header2.jpg);
	}
	
	.black-mask{
		background-color: rgba(0, 0, 0, 0.0);
		width: 100%;
		height: auto;
		margin: 80px auto 0;
		border: 1px solid rgba(0, 0, 0, 0.0);
		box-shadow: 0 0 0px 12px rgba(0, 0, 0, 0.0);
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 570px) {
	header{
		position: relative;
		height: 590px;
		background-position: 62% 40%;
		background-attachment: fixed;
	}

	h1{
		font-size: 32px;
	}
	
    .button-up {
        right: 8px;
        bottom: 8px;
        height: 40px;
        width: 40px;
        background-image: url(../img/top-small.png);
    }
	
	.wrap-s4{
		width: 88%;
		margin-bottom: 0px;
	}
    
}

@media only screen and (max-width : 450px){
	.sticky-content .mob-top{
		display: none;
	}
	
	.sticky-content .flags,
	.sticky-content.fixed .flags
	{
		right: 5px;
	}
}

@media only screen and (max-width : 380px) {
	h2{
		margin-bottom: -20px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1335px) {
    
    .button-up {
        background-image: url(../img/top-large.png);
        height: 90px;
        width: 90px;
    }
}

@media only screen and (min-width : 1435px){
    .button-up {
        background-image: url(../img/top-large.png);
        right: 80px;
        bottom: 80px;
    }
}