/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;margin:0;padding:0;}fieldset,img{display:block; border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {
	display: block;
	background: #fff url('superfk-bg.jpg') no-repeat 0 0;
	background-size: cover;
	color:#000;
	font-family: "Nunito Sans", sans-serif;
	height: 100vh;
}

.logo{
	text-align: left;
	text-indent: -9999px;
	display: block;
	width: 151px;
	height: 201px;
	float: right;
	margin-top: 2%;
	margin-right: 2%;
	background: #fff url('superfk-logo.jpg') no-repeat 0 0;
}

.our-msg{
	text-transform: uppercase;
	text-align: right;
	width: 98%;
	padding-right: 2%;
	margin: 0;
  	position: absolute;
  	top: 55%;
  	transform: translate(0, -55%);
  	-webkit-transform: translate(0, -55%);
  	-moz-transform: translate(0, -55%);
  	font-size: 18px;
}

.contacts{
	font-size: 11px;
}
.contacts ul{
	margin: 20px 0;
}
.contacts ul li{
	display: inline-block;
	float: none;
	text-align: center;
	margin-left:10px;
	border: 1px solid #ddd;
	padding: 10px 12px;
	background: #fff;
	line-height: 20px
}
	.country{
		font-size: 12px;
		font-weight: 600;
		border-bottom: 1px dotted #999;
		padding-bottom: 6px;
	}
	.cp-name{
		padding-top: 6px;
	}
	.ph-num{

	}
	.cp-email{
		text-transform: lowercase;
	}

footer p{
	font-size: 10px;
	width: 98%;
	padding-right: 2%;
	margin:0;
	position: absolute;
	bottom: 1%;
	text-align: right;
}

@media only screen and (max-width:1100px) {
	.our-msg{
		font-size: 16px;
	}
}

@media only screen and (max-width:960px) {
	body{
		background-position: 10% 0;
	}
}

@media only screen and (max-width:768px) {
	body{
		background:none;
	}
	.logo{
		float: none;
		margin:2% auto;
	}
	.our-msg{
		width: 100%;
		text-align: center;
		font-size: 24px;
		padding-right: 0;
	}
	.contacts{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.contacts ul li{
		float: none;
		display: inline-block;
	}
	footer p{
		text-align: center;
	}
}

@media only screen and (max-width:560px) {
	.our-msg{
		font-size: 16px;
	}
}

@media only screen and (max-width:502px) {
	.contacts ul li{
		padding: 10px 6px;
		margin: 0 2px;
	}
	.cp-email{
		font-size: 9px;
	}
}