body.instructions {
    background: url(../images/bg-instructions2.jpg) no-repeat center top #e7e7e7;
    background-size: cover;
}
body.instructions header {
	background-color: transparent;
    min-height: 120px;
    height: initial;
	position: relative;
}
body.instructions p {
    margin-bottom: 10px;
}
.style-italic {
    font-style: italic;
}
.font-weight-400 {
    font-weight: 400!important;
}
.font-weight-500 {
    font-weight: 500;
}



ul.list-style-alphabet {
	list-style-type: upper-alpha;
}

.section-instructions {
    padding-bottom: 60px;
}
.section-instructions .bg-white {
    border-radius: 12px;
    background-color: rgba(255,255,255,0.8);
    margin-top: 30px;
    padding-top: 50px;
	-webkit-box-shadow: 4px 5px 15px 0 rgba(0,0,0,0.05);
	box-shadow: 4px 5px 15px 0 rgba(0,0,0,0.05)
}
.ul-instructions {
	list-style-type: none;
}
.ul-instructions > li {
    margin-bottom: 30px;
}
.ul-instructions .item-wrapper > div {
	display: inline-block;
	vertical-align: top;
}
.ul-instructions .item-wrapper .item-icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	opacity: 0.7;
}
.ul-instructions .item-wrapper .item-list {
    width: 94%;
}
.ul-instructions .item-list-heading {
	margin-top: 6px;
}

body.instructions .copyright-wrapper {    
    background-color: initial;
	color: rgba(0,0,0,0.6)!important;
    margin-top: 0;
    margin-bottom: 40px;
    margin-top: initial;
    margin-bottom: initial;
}


/* target iPad landscape  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	
	body.instructions header {
		background-color: transparent;
		background-image: none;
		min-height: 120px;
		height: initial;
		position: relative;
	}
		
}


/* target iPad portrait  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {


	body.instructions header {
		background-color: transparent;
		background-image: none;
		min-height: 120px;
		height: initial;
		position: relative;
	}

}

@media (min-width: 768px) and (max-width: 992px) {

	.section-instructions > .container {
		width: 700px;
	}
	
}

@media only screen and (max-width : 767px) {


	body.instructions header {
		background-color: transparent;
		background-image: none;
		min-height: 120px;
		height: initial;
		position: relative;
		padding-bottom: 0;
	}
	.section-instructions .bg-white {
		border-radius: 9px;
		background-color: rgba(255,255,255,0.8);
		margin-top: 0;
		padding-top: 20px;
		width: 90%;
	}
	.ul-instructions {
		padding: 0;
	}
	.section-instructions h1 {
		font-size: 24px;
	}
	
	.ul-instructions .item-wrapper .item-list {
		width: 85%;
	}
	.ul-instructions .item-list-heading {
		margin-top: 4px;
	}
	.ul-instructions .item-list ul {
		padding-left: 30px;
	}
	.section-instructions {
		padding-bottom: 10px;
	}
	#floatingSocialShare {
		margin-top: 0!important;
	}
	#floatingSocialShare .top-left {
		position: relative!important;
		top: initial!important;
		left: initial!important;
		text-align: center;
	}
	#floatingSocialShare a {
		display: inline-block!important;
	}
	#floatingSocialShare a:focus, #floatingSocialShare a:hover {
		width: 48px!important;
	}
}