html,body{margin: 0px; padding: 0px; color:#6A6A6A;}
.containers{height: 100vh; background-image: url("static/img/collage/collage.jpg"); background-size: 100% 100%;}
.col-50{width:50%; float:left; height: inherit;}
.left-bg{}.as{background:black;}
.right-bg{}.sa{background:red;}
.row-45{height:45%;} .as{background: #fa3232;}
.row-55{height: 55%;} .sa{background: #70123A;}
.col-33{width: 32%;float: left; height: 100%; padding:0px 4px;}
.bottom-fix{position: absolute;bottom:10px; right:10px; width: 13%;}
p.caption{font-size: 12px; margin: 0px;}
.heading{font-size:1.51rem;}
.hello{ font-weight: bold; margin-top:0px; margin-bottom: 3px;}
.anchor{font-weight: 800;}
.hello>small{color: #a5475a; font-weight: bold;}
span.pn{font-size: 1.41rem; font-weight: bold; color: #a5475a;}
@media only screen and (orientation:portrait){
  #portraitOnly{display: block;}
  #landscapeOnly{display: none;}
}
@media only screen and (orientation:landscape){
  #landscapeOnly{display: block;}
  #portraitOnly{display: none;}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.containers{background-image: url("static/img/collage/collage-h.png");}
.bottom-fix{position: absolute;bottom:10px; right:10px; width: 26%;}
.hidden-xs{display: none;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
	.containers{background-image: url("static/img/collage/collage.png");}
	.bottom-fix{position: absolute;bottom:10px; right:10px; width: 14%;}
	/*.hidden-xs{display: none;}*/
	.hello{display: none}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
	.containers{background-image: url("static/img/collage/collage-3.png");}
	.bottom-fix{position: absolute;bottom:10px; right:10px; width: 27%;}
	.bottom-fix img{margin-bottom:30px !important;}
	/*.hidden-xs{display: none;}*/
	.hello{display: none}
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.containers{background-image: url("static/img/collage/collage.png");}
.bottom-fix{position: absolute;bottom:10px; right:10px; width: 13%;}
.bottom-fix img{margin-bottom:28px !important;}
.hidden-xs{display: none;}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.containers{background-image: url("static/img/collage/collage.png");}
.bottom-fix{position: absolute;bottom:10px; right:10px; width: 13%;}
.bottom-fix img{margin-bottom:8px !important;}
.hidden-xs{display: none;}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
@media screen and (max-width: 767px) and (orientation : portrait) {
	/*body{transform: rotate(90deg);}*/
	.rotatedevice{display: block; padding: 30px;}
	div{display: none;}
}
@media screen and (max-width: 991px) {
	/*
	.containers{background-image: url("static/img/collage/collage-2.png");}
	.bottom-fix{width: 22%;}
	*/
	p.caption{font-size:11px;}
}
@media screen and (max-width: 767px) {
	/*.containers{background-image: url("static/img/collage/collage-4.png");}
	.bottom-fix{width:133px;}
	.hello{display: none;}*/
	.heading{font-size:15px;}
}