/*
 * Theme Name: Perth Laser Vision
 * Author: Core Creative
 * Author URI: http://www.corecreative.com.au
 * Theme URI: http://www.corecreative.com.au
 * Verstion: 1.0.0
 * 
 */

	
	*{
		font-family: 'Lato', sans-serif !important;
	}
	
	p{
		color:#393939;
		font-size:16px;
		line-height:30px;
	}
	
	.theme{
		background:#86397d !important;
	}

	.theme-dark{
		background:#5a2950 !important;
	}
	
	.theme-mild{
		background:#762064 !important;
	}
	
	a, a:hover, a:active{
		text-decoration: none !important;
	}
	
	.shaded{
		background:#f7f6f8 !important;
	}

	.centered{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	h2{
		color:#393939;
		font-size:30px;
		margin-bottom:30px;
	}
	
	h3{
		color:#393939;
		font-size:24px;
	}
	
	.theme-color{
		color:#aa589a !important; 
	}
	
	.theme-color-dark{
	    color:#5A2950 !important;
	}
	
	.bold{
		font-weight:600;
	}
	
	.white{
		color:#fff;
	}
	
	.border-bottom{
		padding-bottom:30px;
		border-bottom:1px solid #86397d;
	}
	
	
	img{
		max-width:100%
	}
	
	.padleft0{
		padding-left:0px;
	}
	
	.padright0{
		padding-right:0px;
	}
	
	/*
	 * 
	 * Buttons
	 * 
	 */
	
	.btn{
		padding:10px 20px;
		text-transform:uppercase;
		transition:0.4s all;
		-webkit-transition:0.4s all;
		-moz-transition:0.4s all;
	}
	
	.btn-fill{
		color:#fff !important;
		border:1px solid #8a3c83;
	}
	
	.btn-fill:hover{
		background:#fff !important;
		color:#8a3c83 !important;
	}
	
	.btn-outline{
		color:#8a3c83 !important;
		background:transparent !important;
		border:1px solid #8a3c83;
	}
	
	.btn-outline:hover{
		background:#8a3c83 !important;
		color:#fff !important;
	}

	/*
	 * 
	 * Header
	 * 
	 */
	
	#logo{
		padding: 25px 0px 24px;
		display:block;
	}
	
	#header{
		/*position:fixed;
		top:0px;
		z-index:9999*/
		z-index:1000;
	}
	/*
	 * CTA
	 * 
	 */
	
	
	
	#cta{
		padding:20px 0px 25px;
	}
	
	.cta-link{
		border-radius: 22px;
		-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
	}
	
	.cta-link a{
		color:#fff !important;
		font-size:18px !important;
		display:block;
		border-radius: 27px;
		-webkit-border-radius: 27px;
		-moz-border-radius: 27px;
		overflow:hidden;
	}
	
	span.cll {
		float: left;
		padding-left: 20px;
		padding:15px 20px 12px;
	}
	
	span.clr{
		padding: 20px 30px 16px;
		float:left;
		border-top-right-radius:27px;
		border-bottom-right-radius: 27px;
		text-transform: uppercase;
	}
	
	/*
	 * About
	 * 
	 */
	
	#about{
		padding:60px 0px;
	}
	
	#about h3{
		margin-top:40px;
	}
	
	#about .btn{
		margin:50px auto;
	}
	
	.title-holder{
		height:auto;
		margin-bottom:60px;
	}
	
	/*
	 * 
	 * Links
	 * 
	 */
	
	#links{
		padding:60px 0px 30px;
		border-top: 1px solid #f5f5f5;
	}
	
	#links h3{
		margin:40px 0px;
	}
	
	#links .block{
		margin-bottom:30px;
	}
	
	
	/*
	 * Finance
	 * 
	 */
	
	#finance{
		padding:50px 0px;
		/*background: url('img/bg.jpg') #86397D !important;*/
		background: none repeat scroll 0 0 #5a2950 !important;
	}
	
	#finance img{
		max-width:100%;
		border-radius:5px;
		
	}
	
	#finance *{
		color:#fff;
	}
	
	#finance .img-holder{
		height:auto;
		overflow:hidden;
	}
	
	#finance h2{
		margin-top:0px;
	}
	
	.shaded{
		background:#F5f5f5;
		border:1px solid #f0f0f0;
		padding:30px 20px;
	}

	
	/*
	 * 
	 * Videos
	 * 
	 */
	
	#videos {
		padding:50px 0px;
	}
	

	
	/*
	 * Social
	 * 
	 */
	
	#social{
		padding:30px 0px;
		background: none repeat scroll 0 0 #5a2950 !important;
	}
	
	@media screen and (max-width: 768px){
		.social{
			width:100% !important;
		}
		
		.social li a img{
			max-width:50px;
			height:auto;
		}
	}
	
	
	.social{
		padding: 0;
		margin:0 auto;
	}
	
	.sidebar-social{
		width:100%;
		margin-left:0px;
		padding-left:0px;
	}
	
	.social li{
		display: inline;
		list-style:none;
		margin:5px;
	}
	
	.sidebar-social li:first-of-type{
		margin-left:0px;
	}
	
	.social li a img{
	    border-radius:50%;
	    transition:0.4s all;
	    -webkit-transition:0.4s all;
	    -moz-transition:0.4s all;
	}
	
	.social li a img:hover {
        background: #5A2950;
        border-radius: 50%;
    }
	
	/*
	 * Footer
	 * 
	 */
	
	#footer{
		padding:50px 0px;
	}
	
	.copyright{
		font-size:18px;
		color:#b0b0b0;
	}
	
	.top{
		color:#393939 !important;
		font-size:18px;
		display:block;
		text-decoration:none;
	}
	
	.top:hover{
		color:#393939;
		text-decoration:none;
	}
	
	#footer img{
		margin-bottom:30px;
	}
	
	/*
	 * Home Navigation
	 */
	
	.panel-navigation {
		list-style: none;
		margin: 20px 0;
		padding: 0;
		text-align: center;
		position: fixed;
		top: 35%;
		right: 0;
		z-index: 4001;
	}
	
	.panel-navigation li {
		display: block;
		width: 14px;
		height: 14px;
		margin: 10px 15px 0px 0;
		border-radius: 10px;
		cursor: pointer;
		background: rgba(255,255,255,.4);
		position: relative;
		border:1px solid #333;
	}
	
	.panel-navigation li a{
		display:block;
		width: 14px;
		height: 14px;
	}
	
	
	/*
	 * Menu
	 * 
	 */
	
	.ubermenu .ubermenu-target-text {
		color: #fff !important;
		text-transform: uppercase;
	}
	
	.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
	    display: block;
	    color: #fff !important;
	}
	
	.ubermenu .ubermenu-target-text:hover {
		color: #fff !important;
	}
	
	.ubermenu-nav {
		float: right;
	}
	
	.dt-nav{
		margin-top:16px;
	}
	
	ul.ubermenu-submenu{
	    background:#86397D !important;
	    margin-top:15px !important;
	}
	.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item:hover a span{
	    color:#ffffff !important;
	    
	}
	
	.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item,.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item a span{
	    transition:0.4s all;
	    -webkit-transition:0.4s all;
	    -moz-transition:0.4s all;
	}
	
	.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item:hover{
	    background:#5A2950 !important;
	}
	
	.ubermenu .ubermenu-target{
        padding: 15px 16px !important;
    }
    
    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{
        display:none !important;
    }
	
	
	@media screen and (max-width: 768px){
		.ubermenu-nav {
			float: left !important;
		}
	}
	
	@media screen and (max-width: 360px){
		.dt-nav{
			margin-top:0px;
		}
	}
	
	
	
	/*
	 * Page
	 * 
	 */
	
	#page-title{
		background:url('img/title-bg.jpg');
		background-position:center center;
		background-size:cover;
		padding:40px 0px;
	}
	
	#page-title h1{
		font-size:36px;
		text-transform:uppercase;
		color:#fff;
		margin:0px;
	}
	
	#page-title p{
		font-size:24px;
		color:#fff;
		font-weight:100;
		margin-top:20px;
		margin-bottom:0px;
	}
	
	#main{
		padding:40px 0px;
	}
	
	.intro{
		border-bottom:1px solid #e0e0e0;
		padding-bottom:20px;
		margin-bottom:50px;
	}
	
	.intro p{
		font-size:18px;
	}
	
	.alignright{
		float:right;
		margin-left:30px;
	}
	
	.alignleft{
		float:left;
		margin-right:30px;
	}
	
	.font16{
		font-size:16px !important;
	}
	
	
	/*
	 * Blog
	 * 
	 */
	
	.list-article{
		margin-bottom:30px;
		background:#f7f7f9;
		border:1px solid transparent;
	}
	
	.list-article:hover{
		background:#f1f1f1;
		border:1px solid #AE7BA9;
	}
	
	.article-title a{
		font-size:24px;
		color:#393939;
	}
	
	#pagination{
		padding-top:30px;
		border-top:1px solid #ccc;
		text-align:center;
		margin-top:20px;
	}
	
	#pagination a{
		display: block;
		color: #ccc;
		padding: 8px 8px;
		border: 1px solid #ccc;
		width: 100px;
		text-align: center;
	}
	
	#pagination a:hover{
		border:1px solid #AE7BA9;
	}
	
	#pagination a:last-of-type{
		float:right;
	}
	
	#pagination a:first-of-type{
		float:left;
	}
	
	
	/*
	 * Sidebar
	 * 
	 */
	
	#sidebar{
		padding-left:50px;
	}
	
	.sidebar-widget{
		margin-bottom:30px;
		height:auto;
		overflow:hidden;
	}
	
	.sidebar-widget ul{
	    padding-left:0px;
	    margin-left:0px;
	    list-style:none;
	}
	
	.sidebar-widget ul li.cat-item{
		padding:8px 0px;
		display:block;
		border-bottom:1px solid #F0F0F0
	}
	
	.sidebar-widget ul li.cat-item a{
	    color:#333;
	}
	
	.widgettitle{
		color:#8a3c83;
		text-transform:uppercase;
		font-size:18px;
		font-weight:600;
	}
	
	.wpp-list {
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
	}
	
	.wpp-list li a{
		color:#333;
		padding:8px 0px;
		display:block;
		border-bottom:1px solid #F0F0F0
	}
	
	.wpp-list a:first-of-type {
	    border-bottom:0px;
	}
	
	/*
	 * FAQ
	 * 
	 */
	
	.accordion-group{
		margin-bottom:40px;
	}
	
	.accordion-toggle span{
		margin-right:10px;
	}
	
	.toggle-arrow{
		margin-left:30px;
	}
	
	/*
	 * Forms
	 * 
	 */
	
	select {
		padding: 10px !important;
		border-radius: 5px;
		font-size: 14px !important;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f5f3f6 100%, #7db9e8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f3f6), color-stop(100%,#7db9e8));
		background: -webkit-linear-gradient(top, #ffffff 0%,#f5f3f6 100%,#7db9e8 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#f5f3f6 100%,#7db9e8 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#f5f3f6 100%,#7db9e8 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#f5f3f6 100%,#7db9e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7db9e8',GradientType=0 );
		border: 1px solid #e3e3e3;
	}
	
	.gform_wrapper .top_label li.gfield.gf_left_half , .gform_wrapper .top_label li.gfield.gf_right_half {
		padding: 22px 30px 38px;
		background: #f6f6f6;
		border:1px solid #f1f1f1;
		margin-bottom:30px !important;
	}
	
	label.gfield_label {
		font-size: 15px;
		margin-bottom: 20px !important;
	}
	
	input[type="text"],input[type="email"],textarea{
		padding: 10px !important;
		border-radius: 5px;
		font-size: 14px !important;
		border: 1px solid #e3e3e3;
		margin-bottom:20px;
	}
	
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
		text-transform: uppercase;
		border: 0px;
		color: #fff;
		background: #86397D;
		padding: 15px 30px;
		border-radius: 30px;
		transition:0.4s all;
		-webkit-transition:0.4s all;
		-moz-transition:0.4s all;
	}
	
	.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover{
	    background:#4d1241;
	}
	
	/*
	 * contact Page
	 * 
	 */
	
	#map{
		padding-top:20px;
		text-align:center;
	}	
	
	.location-btn{
		text-transform: uppercase;
		border: 0px;
		color: #fff;
		background: #86397D;
		padding: 10px 20px;
		border-radius: 5px;
		font-weight:600;
		margin-top:20px;
		font-size:14px;
	}
	
	.location-btn:hover{
		background:#e0e0e0;
		color:#333;
	}
	
	.contact-form{
		border-top:1px solid #ccc;
		margin-top:50px;
	}
	
	.contact-form h3{
		margin:35px auto 20px;
	}
	
	#main h2 {
        color: #393939;
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    #main li{
        margin-bottom:10px;
    }
    
    p {
        margin: 0 0 15px;
    }
	
	
	
	
	@media screen and (max-width: 768px){
	
    	.gform_wrapper .top_label li.gfield.gf_right_half,
    	.gform_wrapper .top_label li.gfield.gf_left_half,
    	.gform_wrapper .top_label li.gfield.gf_left_third,
    	.gform_wrapper .top_label li.gfield.gf_middle_third,
    	.gform_wrapper .top_label li.gfield.gf_right_third {
            float: none !important;
            clear: both !important;
            width: 100% !important;
        }
        
        .gform_wrapper .top_label li.gfield.gf_left_third input.medium,
    	.gform_wrapper .top_label li.gfield.gf_middle_third input.medium,
    	.gform_wrapper .top_label li.gfield.gf_right_third  input.medium{
    	    width:100% !important;
    	}
    	
    	.gform_wrapper .top_label li.gfield.gf_middle_third{
    	    margin-left:0px !important;
    	}
    	
    	.fa {
            display: inline-block;
            font-family: FontAwesome !important;
        }
        
        .dt-nav{
            margin-top:0px;
        }
        
        .ubermenu-nav{
            width:100% !important;
        }
        
        .tp-caption.medium_text, .slider-button{
            font-size:12px !important;
            font-weight:400 !important;
        }
        
        .slider-button{
            padding:20px 40px;
        }
        
        .tp-caption.large_bold_black,.tp-caption.large_bold_grey{
            font-size:14px !important;
            font-weight:400 !important;
        }
    
	}
	
	a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only{
	    transition:0.4s all;
	    -webkit-transition:0.4s all;
	    -moz-transition:0.4s all;
	    display:block;
	    border:0px !important;
	}
	
	a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover {
            background: #AE7BA9;
            color: #fff !important;
    }
    
    .accordion-heading a{
        cursor:pointer !important;
    }
    
    @media screen and (max-width: 420px){
        .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
            width: 64% !important;
        }
    }
    
    @media screen and (min-width: 420px){
        
        .gform_wrapper .gform_footer {
            margin-top: -96px !important;
            margin-left: 200px !important;
        }
    
    }
    
    li#field_1_17 {
        background: #f6f6f6;
        border: 1px solid #f0f0f0;
        padding: 20px;
        margin-bottom: 30px;
    }
	
	form#searchform label {
        display: none;
    }
    
    form#searchform #s{
        width:100%;
        margin-bottom:0px;
    }
    
    form#searchform input[type="submit"]{
        -webkit-appearance: button;
        cursor: pointer;
        text-transform: uppercase;
        border: 0px;
        color: #fff;
        background: #86397D;
        padding: 10px 20px;
        border-radius: 5px;
        font-weight: 600;
        margin-top: 10px;
        font-size: 14px;
        transition:0.4s all;
        -webkit-transition:0.4s all;
        -moz-transition:0.4s all;

    }
    
    form#searchform input[type="submit"]:hover{
        background:#e9e9e9;
        color:#333;
    }

#links .col-sm-6.col-md-3.col-xs-12.centered.block > img {
    max-height: 100px;
}
#links .col-sm-6.col-md-3.col-xs-12.centered.block > img:hover {
    opacity: .5;
}
h2#under40 {
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
     font-weight: 600;
}
h2#video-text {
    font-size: 24px;
    line-height: 40px;
    text-align: left;
    color: #86397d;
    margin-bottom: 0px;
}
#video-bot-text {
padding-left: 132px;
text-align: left;
}
#video-bot-text > ul {
  padding-left: 13px;
}
#videos .col-sm-6.col-md-6.col-12-6 img:hover {
    opacity: .7;
}
#technologies .col-md-12 {
    width: 100%;
    background: #fff !important;
}
#technologies-img {
    padding-top: 12px;
}
#technologies {
    padding: 10px 0 0;
}
#technologies-img > img {
    width: 100%;
}
#tech-bottom{
	clear:both;
	padding: 20px 0 30px;
        display: none;
}
#tech-bottom .col-md-6 {
    width: 45%;
}
#tech-bottom .col-md-3 {
    width: 30%;
}
#cta span.cll {
    padding: 10px 15px 12px;
}
#cta .cta-link a {
      font-size: 13px !important;
}
#cta .cta-link {
     float: left;
    width: 20%;
}
.cta-links {
    width: 14%;
    float: left;
    color: #fff;
    line-height: 45px;
}
.clr.theme:hover {
    background: #f5f5f5 !important;
    color: #000;
}

#phill-video{
max-width: 350px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
#pop_ups{
max-width: 1345px;
margin: 0 auto;
}

.k_tooltip a:hover {
visibility:visible;
}

.k_tooltip { 
    color: #000;
    font-weight: bold;
    height: 75px;
    position: absolute;
    text-decoration: none;
    width: 100px;
} 

.k_tooltip span { 
position:absolute;
left:-999em; 
border-radius:8px;
box-shadow:#000 2px 2px 6px;
z-index:50;
} 
.k_tooltip:hover span, .k_tooltip:focus span {
left:-70px;
top:40px;
width:400px;
padding:10px;  
border:2px solid #000;
background:#fff;
}
.tooltip1 {
  margin-left: -41px;
  margin-top: -407px;
}

.tooltip2 { 
  margin-left: -241px;
  margin-top: -160px;
}

.tooltip3 { 
  margin-left: 137px;
  margin-top: -160px;
}
.boxes {
  float: left;
  padding: 0 10px;
}
.boxes.circles {
  width: 120px;
  margin-top: 72px;
}
.boxes.circles img:hover {
  opacity: 0.8;
}
.boxes.texts {
  width: 218px;
}
.boxes.arrows {
  width: 90px;
}
.boxes.texts.first {
  margin-top: 78px;
}
.boxes.texts.second {
  margin-top: 40px;
}
.boxes.texts.third {
  margin-top: 64px;
}
#technologies > p {
  clear: both;
  padding-top: 45px;
}
li#field_1_23 {
  background: none repeat scroll 0 0 #f6f6f6;
  border: 1px solid #f0f0f0;
  margin-bottom: 30px;
  padding: 20px;
}
.r_shadow {
  text-shadow: 1px 1px 1px #fff;
}

.ytc-pagination.row {
  clear: both;
}





/* --------------------------------------------------------*/
/*-----------------MMMMM----------MMMMM----E---------------*/
/*-----------------MMMMMM--------MMMMMM------D-------------*/
/*-----------------MMMMMMM------MMMMMMM----Q---I-----------*/
/*-----------------MMMMMMMM----MMMMMMMM------U---A---------*/
/*-----------------MMMMMMMMM--MMMMMMMMM--------E-----------*/
/*-----------------MMMM-MMMMMMMMMM-MMMM----------R---------*/
/*-----------------MMMM--MMMMMMMM--MMMM------------I-------*/
/*-----------------MMMM---MMMMMM---MMMM--------------E-----*/
/*-----------------MMMM----MMMM----MMMM----------------S---*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/* --------------------------------------------------------*/


@media screen and (max-width: 1263px) {
.k_tooltip { 
display: none;
} 
}


@media only screen and (min-width: 481px) and (max-width: 1263px){

.container {
  width: 90%;
  margin: 0 auto;
}

.boxes.circles {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.boxes.texts {
  width: 100%;
  text-align: center;
}
.boxes.arrows {
  width: 100%;
  text-align: center;
}
.boxes.circles img {
   max-width: 120px;
   height: auto;
}
.boxes.arrows img {
   max-width: 90px;
   height: auto;
}
.boxes.texts.first {
  margin-top: 20px;
}
.boxes.texts.second {
  margin-top: 20px;
}
.boxes.texts.third {
  margin-top: 20px;
}

} /* This belongs here. It goes to @media only screen and (min-width: 481px) and (max-width: 1024px) */

@media screen and (max-width: 660px) {
#cta .cta-link, .cta-links {
  float: none;
  width: 90%;
  margin: 0 auto 20px;
}
#cta .cta-link span.clr {
  display: block;
  width: 90%;
}
.boxes.circles {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.boxes.circles img {
   max-width: 120px;
   height: auto;
}
.boxes.texts {
  width: 100%;
  text-align: center;
}
.boxes.arrows {
  width: 100%;
  text-align: center;
}
.boxes.arrows img {
   max-width: 90px;
   height: auto;
}
.boxes.texts.first {
  margin-top: 20px;
}
.boxes.texts.second {
  margin-top: 20px;
}
.boxes.texts.third {
  margin-top: 20px;
}
#video-bot-text {
  padding-left: 0px;
  text-align: left;
}
#phill-video {
  max-width: 100%;
}
.r_shadow {
  font-size: 12px !important;
}

} /* @media screen and (max-width: 660px) */


/*
/* We left these here for you incase you needed them. You do not need to add anything for the Videos or Images.
/*
/*
/* Media = iPad orientation: landscape */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
}/* This belongs here. It goes to @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) */

/*--------------------------------------------------------------------------------*/

/* Media = iPad orientation: portrait */

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

}/* This belongs here. It goes to @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) */

/*--------------------------------------------------------------------------------*/

/* Media = Mobile - iPhone */

@media handheld, only screen and (max-device-width: 480px) {
	iframe, object, embed{
		width: 100%;
		height: auto;
	}
	#content pre {
		font-size: 60%;
		overflow: hidden;
		padding: 1em;
	}
	
	#content code {
		font-size: 50%;
		margin-bottom: 24px;
	}
}/* This belongs here. It goes to @media handheld, only screen and (max-device-width: 480px) */
	
/* Media = Mobile - All Others - orientation:portrait */

@media handheld, only screen and (max-device-width: 480px) and (orientation:portrait) {
	iframe, object, embed{
		width: 100%;
		height: auto;
	}
	
	#content pre {
		font-size: 80%;
		overflow: hidden;
		padding: 1em;
	}

	#content code {
		font-size: 50%;
		margin-bottom: 24px;
	}
}/* @media handheld, only screen and (max-device-width: 480px) and (orientation:portrait) */

/* Media = Mobile - All Others - orientation:landscape */

@media handheld, only screen and (max-device-width: 767px) and (orientation:landscape) {
	iframe, object, embed{
		width: 100%;
		height: auto;
	}
}/* This belongs here. It goes to @media handheld, only screen and (max-device-width: 767px) and (orientation:landscape) */