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

.criteo {
	background-image:url(http://www.hottopics.ht/wp-content/uploads/2017/09/Criteo1.jpg);
	background-size:cover;
	background-position:left center;
	background-repeat:no-repeat;
	height:350px !important;
	width:100% !important;
}

.criteo-holder {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	box-sizing: border-box;
	padding:50px;
	text-align:right;
}

.criteo-header{
	font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 85px;
    color: #54585A;
	float:right;
	clear:right;
}

.criteo-content {
	width: 31%;
    float: right;
    letter-spacing: 2px;
    margin-top: 40px;
	font-family: open-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #54585A;
	clear:right
}

.criteo-footer {
	font-family: open-sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    float: right;
    color: #54585A;
    clear: right;
    margin-top: 40px;
}

@media only screen and (max-width: 1582px) {
	.criteo-content {
		width:39%;
	}
}

@media only screen and (max-width: 1275px) {
	.criteo-content {
		width:49%;
	}
}

@media only screen and (max-width: 1191px) {
	.criteo {
		background-image:url(http://www.hottopics.ht/wp-content/uploads/2017/09/Criteo2.jpg);
	}
}

@media only screen and (max-width: 1110px) {
	.criteo-header {
		font-size:72px;
	}
}

@media only screen and (max-width: 1032px) {
	.criteo-content {
		width:62%;
	}
}

@media only screen and (max-width: 960px) {
	.criteo-holder {
		padding:42px;
	}
	
	.criteo-content {
		width:61%;
		margin-top:50px;
		font-size:22px;
	}
	
	.criteo-footer {
		font-size:16px;
		margin-top:50px;
	}
}

@media only screen and (max-width: 905px) {
	.criteo-holder {
		padding:60px 30px;
	}
	
	.criteo-header {
		font-size:62px;
	}
	
	.criteo-content, .criteo-footer {
		margin-top:45px;
	}
}

@media only screen and (max-width: 860px) {
	.criteo-content, .criteo-footer {
		margin-top:50px;
	}
	
	.criteo-footer {
		font-size:14px;
	}
	
	.criteo-footer img {
		height:45px;
		width:auto;
	}
}

@media only screen and (max-width: 820px) {
	.criteo {
		height:300px !important;
	}
	
	.criteo-header {
		font-size:52px;
	}
	
	.criteo-content {
		width: 56%;
		line-height: 22px;
		font-size: 20px;
		margin-top: 35px;
	}
	
	.criteo-footer {
		margin-top:35px;
	}
}

@media only screen and (max-width: 757px) {
	.criteo-content {
    	width: 70%;
	}
}

@media only screen and (max-width: 725px) {
	.criteo-holder {
		padding: 30px 20px;
	}
	
	.criteo-header {
		width:54%;
		font-size:48px;
	}
	
	.criteo-content {
		width:40%;
		font-size:18px;
		margin-top:10px;
	}
	
	.criteo-footer {
		width: 50%;
		line-height: 25px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 637px) {
	.criteo-content {
		width:46%;
	}
}

@media only screen and (max-width: 637px) {
	.criteo-holder {
		padding-right:30px;
	}
}

@media only screen and (max-width: 585px) {
	.criteo {
		background-image: url(http://www.hottopics.ht/wp-content/uploads/2017/09/Criteo3.jpg);
	}
	.criteo-holder {
		padding-right:30px;
	}
	
	.criteo-header {
		font-size:44px;
		width:64%;
	}
	
	.criteo-holder {
		font-size:16px;
	}
	
	.criteo-footer {
		font-size:12px;
	}
}



@media only screen and (max-width: 585px) {
	.criteo {
		height: 350px !important;
		background-size: auto;
		background-position: top center;
		background-image: url(http://www.hottopics.ht/wp-content/uploads/2017/09/Criteo4.jpg);
	}
	
	.criteo-header {
		float: none;
		clear: none;
		width: 100%;
		text-align: center;
		font-size: 28px;
		margin-top: 152px;
	}
	
	.criteo-content {
		width: 57%;
		float: none;
		clear: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		line-height: 22px;
		font-size: 11px;
	}
	
	.criteo-footer {
		width: 50%;
		text-align: center;
		line-height: 25px;
		margin-top: 4px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 480px) {
	.criteo-content {
   		width: 71%;
	}
	.criteo-footer {
		width: 87%;
	}
}

@media only screen and (max-width: 431px) {
	.criteo-footer {
		width:89%;
	}
	
	.criteo-content {
		width: 80%;
	}
}

@media only screen and (max-width: 364px) {
	.criteo-content {
		width: 100%;
	}
}