html body {
    font-family:'Gotham-Book', arial, sans-serif;
}

        /* Gotham FONTS */
        @font-face
        {
            font-family: 'Gotham-Book';
            font-style: normal;
            font-weight: 400;
            src: url("../fonts/GothamBook/GothamBook.ttf");
        }

         @font-face
        {
            font-family: 'GothamMedium';
            font-style: normal;
            font-weight: 500;
            src: url("../fonts/GothamMedium/GothamMedium.ttf");
        }

         @font-face
        {
           font-family: 'Gotham-Bold';
            font-style: normal;
            font-weight: 700;
            src: url("../fonts/GothamBold/GothamBold.ttf");
        } 



a, a:visited, a:active {
    color: #ff7c27;
}
.subhead-1 {
    font-family:'Gotham-Bold', arial, sans-serif;
    font-size: 40px;
}

.subhead-2 {
    font-family:'Gotham-Book', arial, sans-serif;
    font-size: 34px;
    text-transform: uppercase;
}

h1, h2, h3, h4, h5 {
	font-family:'Gotham-Bold', arial, sans-serif;
}


@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  h5,
  .h5 {
    font-size: calc(0.9rem + 0.2vw);
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}


.collesell_font {
    font-size: 1.1rem;
	color: #000000;
}

/* Bootstrap Media Query */

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

    html body {    
        font-size: 13px;
    }
 .collesell_font {
   font-size: 13px;
}
    
    
    .subhead-1 {
        font-size: 20px;
    }

    .subhead-2, h4 {
        font-size: 18px;
    }
}


.section_bg {
    background-color: #faf9f8;
}

.callosell_bg {
    background-image: url("../images/callasell_bg.gif");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.greyTxt{
    color: #C6C6C6;
}

.orangeTxt{
    color: #e17639;
}


.blue_bg{
    background-color: #69c2e0; 
   
}

.grey_bg{
    background-color: #ebebeb;
}

.embed-responsive-16by9::before {
    padding-top: 45.5%;
}


.resp-iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
	min-width: 320px;
	min-height: 320px;
}

/* Bootstrap Media Query */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.resp-iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
	min-width: 320px;
	min-height: 400px;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.resp-iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
	min-width: 320px;
	min-height: 520px;
}
}

.imgIcon {
	max-width: 100px;
}

/*  Extra small devices (portrait phones, less than 576px) */
/* Bootstrap Media Query */


/*  Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.imgIcon {
		max-width: 50px;
	}
	.iconsBG{
		border: #eeeeee 1px solid;
	}
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 768px) {
	.imgIcon {
		max-width: 50px;
	}
	.iconsBG{
		border: #eeeeee 1px solid;
	}
}


.callesell_border{
	border: 5px #FFFFFF solid;
	border-radius: 14px;
}
.callesell_logo{
	position: absolute;
	top: -1%;
	left: 0;
		right:0;
	z-index: 9999;
}

.footerbg {
	display: block;
	min-height: 300px;
	width: 100%;
	background-image: url("../images/footer_bg.gif");
	background-repeat: repeat-x;
}


#iframe1, #iframe2 {
    display: none;
}
@media (max-width: 768px) {
  #iframe1{ display: inline; }
.embed-responsive-16by9::before {
    padding-top: 156.5%;
}
}
@media (min-width: 769px) {
  #iframe2{ display: inline; }
}