@charset "UTF-8";
/* CSS Document */
/* ********************************
	Ad Space inside the gallery
******************************** */
.call_to_action {
	width: 100vw;
	height: 20em;
	height: 100vh;
	background-color: #e8e8e8;
	background-image: url(../images/medium/400_calgary_real_estate_LP_28064.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
	background-attachment: scroll;
	position: relative;
	left: 0;
	top: 0;
	color: white;
	display: block;
}
.call_to_action.fixed{
	background-attachment: fixed;  /* iOS will turn this into scroll, most mobiles will also */
}
.call_to_action .opaque_layer{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.8);
}
.call_to_action .circle{
	width: 34em;
	height: 34em;
	border: 3px solid rgba(255, 255, 255, 0.66);
	border-radius: 50%;
	text-align:center;
	margin: auto;
}
.call_to_action .circle div:first-child{
	font-size: 200%;
	margin-top: 2em;
	margin-bottom: 1em;
	letter-spacing: 0.3em;
	color: #08c;
}
.call_to_action .fa-plus{
	color: rgba(255, 255, 255, 0.66);
	font-size: 110%;
}
.call_to_action .fa-video-camera{
	font-size: 110%;
}
.call_to_action .circle div:nth-child(2){
    font-size: 200%;
    line-height: 1.2em;
    font-weight: 100;
}
.call_to_action .circle div:nth-child(2) span{
    font-size: 160%;
    line-height: 2;
    font-weight: 300;
}
.call_to_action .circle .e_mail{
    font-size: 140%;
    line-height: 1em;
    background: #08c;
    width: 14.4em;
    font-style: italic;
    margin: 2em auto 1em;
    padding: 0.5em 0 0.6em;
    border-radius: 0.3em;
	letter-spacing: 0.03em;
}
.call_to_action a:link, .call_to_action a:visited, .call_to_action a:active{
	color: white;
}

.call_to_action .phone_no{
	margin-top: 0.25em;
	font-size: 160%;
	letter-spacing: 0.1em;
}

.call_to_action i.fa-envelope{
	font-style: italic;
}
.call_to_action i.fa-phone{
	margin-right: 0.3em;
	color: #08c;
}
	
/* Portrait */
@media screen and (orientation:portrait) {
	/* Portrait styles */
	.call_to_action {
		height: 45vh;
	}
}


/* Desktop Layout: 769px to 1664px. Inherits styles from: Uberscreen Layout. */
@media only screen and (max-width: 1664px) {

	.call_to_action .circle{
		font-size: 90%;
	}

}

/* Desktop Layout: 769px to 1664px. Inherits styles from: Uberscreen Layout. */
@media only screen and (max-width: 1250px) {

	.call_to_action .circle{
		font-size: 80%;
	}
	.call_to_action.fixed {
		background-attachment: scroll;  /* iOS will turn this into scroll, most mobiles will also */
	}

}

/* Tablet Layout: 481px to 768px. Inherits styles from: Uberscreen Layout and Desktop Layout. */
@media only screen and (max-width : 960px ){

	.call_to_action .circle{
		font-size: 60%;
	}
	.call_to_action .rm_bar{
		display: none;
	}

}

/* Mobile Layout: 480px and below.  Inherits styles from: Uberscreen Layout and Desktop Layout and Tablet Layout. */
 @media only screen and (max-width: 666px) {

	.call_to_action .circle{
		font-size: 40%;
	}

}