/*
Theme Name: Alice Voute - 2019
Description: The 2019 default theme for Alice Voute website.
Author: Satnaam Singh Khera
Company: letterpress design Ltd
Version: 1.0
Tags: Penge Heritage 2019
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


.grey {
	xborder:1px solid #e5e5e5;
	padding:20px;
	margin:20px 15px 30px 0px;
	background:#e5e5e5;
	}

	.wp-block-image {
    max-width: 100%;
    margin-bottom: -8px !important;
    margin-left: 0;
    margin-right: 0;
}

.alignleft {
	float:left;
	margin:0 15px 15px 0;
	}


.alignright {
	float:right;
	margin:0 0px 15px 15px;
	}

.page-content .col-04-3 strong {
	colour : rgba(12, 66, 163, 1);
	font-weight: bold;}

.page-content .col-04-3 a {
	font-weight: bold;
	color: #26a4df;
	}

.page-content .col-04-3 a:hover {
	color: rgba(12, 66, 163, 1)}

.page-content .col-04-3 ul li a {
	background: rgba(12, 66, 163, 0.6) none repeat scroll 0 0;
    	border-radius: 10px;
    	color: #fff;
    	display: block;
    	float: left;
    	height: 75px;
    	margin: 0 2.5% 2.5%;
    	padding: 10px 25px;
    	width: 35%;
	}

.page-content .col-04-3 table {
	width: 100%}

.page-content .col-04-3 table td {
	border: 1px solid #000;
	padding: 10px}

.page-content .col-04-3 ul li {
	padding: 0;
	}

.page-content h3 {
	padding: 0 0 10px 0;
	color: #264989;
	font-weight: bold;
	}
.page-content .col-04-3 ul li {
	background: url(images/bullett.png) 0 11px no-repeat;
	padding: 5px 30px;
	}

.page-content .col-04-3 ul li a:hover {
	background: rgba(12, 66, 163, 0.8) none repeat scroll 0 0;
    	}
canvas {
}
embed, iframe, object, video {
    max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
    height: auto;
    max-width: 100%;
}
img.wp-smiley, .rsswidget img {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.attachment-post_feature_full_width {
    min-height: 151px;
    min-width: 580px;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #303030;
    xfont-family: "Raleway",sans-serif;
    font-style: normal;
    xfont-weight: 400;
    margin: 0 !important;
}
h1 {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 15px;
}
h2 {
    font-size: 1.875rem;
    line-height: 1.1666;
    margin-bottom: 1.5rem;
}
h3 {
    font-size: 1.75rem;
    line-height: 1.2857;
    margin-bottom: 0.375rem;
}
h4 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 0.3125rem;
}
h5 {
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 0.3125rem;
}
h6 {
    font-size: 0.875rem;
    line-height: 1.2142;
    margin-bottom: 0.3125rem;
}
hr {
    background-color: #ccc;
    border: 0 none;
    height: 1px;
    margin: 2rem 0;
}
ol, ul {
    list-style: outside none none;
}

p, ol, ul, dl, address {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1.5rem;
}


ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}

dt {
    font-family: "Raleway",sans-serif;
    font-style: normal;
    font-weight: 700;
}
b, strong {
    font-family: "Raleway",sans-serif;
    font-style: normal;
    font-weight: 700;
}
em {
    font-family: "Raleway",sans-serif;
    font-style: italic;
    font-weight: 400;
}
strong em, b em {
    font-family: "Raleway",sans-serif;
    font-style: italic;
    font-weight: 700;
}
ins {
    background: #fff9c0 none repeat scroll 0 0;
    text-decoration: none;
}
a {
    color: #303030;
    outline: medium none;
    text-decoration: none
}
a:visited {
    color: #666;
}
a:focus {
    color: #6c97a1;
    outline: medium none;
}
a:hover, a:active {
    color: #6c97a1;
    outline: 0 none;
}
.alignleft {
    display: inline;
    float: left;
    margin: 0 1.25rem 1rem 0 !important;
}
.alignright {
    display: inline;
    float: right;
    margin: 0 0 1rem 1.25rem !important;
}
.aligncenter {
    clear: both;
    display: block;
    margin-bottom: 1rem !important;
    margin-left: auto;
    margin-right: auto;
}


.page-item-1969, .page-item-582, .page-item-584, .page-item-565, .page-item-559, .page-item-563, .page-item-561, .page-item-580, .page-item-22, .page-item-19, .xchildren {
	display: none !important;
	}

.page-template-class-blog-top .page-content .col-04-3 a {
    font-weight: bold;
    color: #fff;
	}

/*** STYLESHEET FOR JUSTIN LAW SOLICITORS ***/

/* 1. CSS RESET */
/* 2. GENERAL */
/* 3. BACKGROUND */
/* 4. TYPOGRAPHY */
/* 5. HEADER AND NAV */
/* 6. MAIN */
/* 7. FOOTER */

/* 1. CSS RESET */
/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* GENERAL */
html, body {
	overflow-x: hidden;
}
body {
    -webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		font-family: 'Open Sans', sans-serif;
	  font-size: 1.05em;
	  line-height: 1.6em;
	  color: #3a3a3a
	  }


	      .slider {
	        position: fixed;
	        top: 0;
	        left: 0;
	        width: 100%;
	        z-index: -1;
	      }

	      .slider img {
	        width: 100%;
	        height: auto;
	      }

	      header {
	        display: block;
	        width: 100%;
	        border-bottom: 4px solid #398bd8;
	        height: 95px;
	        z-index: 2;
	        background: #fff;
	      }

	      header div {
	        background: url(images/background-01a.jpg) top left repeat-x;
	        width: 100%;
	        height: 80px;
	        xborder: 1px solid red;
	        display: block;

	      }

	      .container {
	        xborder: 1px solid red;
	        width: 960px;
	        max-width: 100%;
	        margin: 0 auto;
	      }

	      .logo-box {
	        width: 140px;
	        height: 140px;
	        background: #fff;
	        -webkit-box-shadow: 5px 15px 79px -23px rgba(0,0,0,0.75);
	  -moz-box-shadow: 5px 15px 79px -23px rgba(0,0,0,0.75);
	  box-shadow: 5px 15px 79px -23px rgba(0,0,0,0.75);
		float: left;
	      }

	      .main-outer {
	        display: block;
	        width: 100%;
	        clear: both;
	        float: left;
	        background: #fff;
	        margin-top: 30%;
	      }

	      .main-inner {
	        width: 960px;
	        max-width: 100%;
	        display: block;
	        margin: 0 auto;
	        padding: 50px 0;
	      }

	      .main-inner > img {
	        float: left;
	        margin: 0 35px 35px 0
	      }


	      .main-inner h1 {
	      color: #1c1c9a;
	      font-weight: normal;
	      margin-bottom: 25px;
	      font-size: 1.8em;
	      }

	      .main-inner h1 span {

	      font-size: 0.7em;
	      line-height: 2em;
	      font-weight: lighter;
	      }


	      .main-inner p {
	        margin-bottom: 30px
	      }

	      .contact-outer {
	        background: #ececec;
	        display: block;
	        width: 100%;
	        min-height: 80px;
	        padding: 50px 0
	      }

	      .contact-inner {
	        background: #fff;
	        display: block;
	        width: 930px;
	        max-width: 100%;
	        margin: 0 auto;
	        xheight: 80px;
	        padding: 25px;
	      }

	      .left {
	        float: left;
	      }

	      .contact-inner::after {
	        display: block;
	        content: " ";
	        clear: both;
	      }

	      .contact-inner h2 {
	      color: #1c1c9a;
	      font-weight: normal;
	      margin-bottom: 25px;
	      font-size: 1.8em;
	      }

	      .contact-inner h3 {
	      font-size: .9em;
	      }

	      .contact-inner p {
	        color: #398bd8;
	        font-weight: bold;
	      }


	      .contact-inner p a {
	        color: #398bd8;
	        font-weight: normal;
	        text-decoration: none;
	      }

	      .contact-inner p a:hover {
	        text-decoration: underline;
	      }

	      .col-02 {

	      width: 47%;
	      }

	      .footer-outer {
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c1c9a+0,1f1fba+26,0b0b86+100 */
background: #1c1c9a; /* Old browsers */
background: -moz-linear-gradient(top,  #1c1c9a 0%, #1f1fba 26%, #0b0b86 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c1c9a 0%,#1f1fba 26%,#0b0b86 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c1c9a 0%,#1f1fba 26%,#0b0b86 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c9a', endColorstr='#0b0b86',GradientType=0 ); /* IE6-9 */
}

	      .footer-inner {
	        padding: 50px 0;
	        width: 960px;
	        max-width: 100%;
	        display: block;
	        margin: 0 auto;
	      }

	      .footer-inner .logo-box {
	        float: right;
	      }

	      .footer-inner::after {
	        display: block;
	        content: " ";
	        clear: both;
	        margin: 0;
	        padding: 0;
	      }

	      .footer-btm {
	        background: #000;
	        clear: both;

	      }

	      .footer-btm::after {
	        display: block;
	        content: " ";
	        clear: both;
	        margin: 0;
	        padding: 0;
	      }

	    .footer-btm .inner {
	        width: 960px;
	        max-width: 100%;
	        margin: 0 auto;

	      }

	  .footer-btm .inner p {
	      padding: 30px 0;
	      font-size: 0.7em;
	      color: #c1c1c1;
	      font-weight: normal;
	  }

	  .right {
	    float: right;
	  }

	  .right p {
	    text-align: right;;
	  }

	  .footer-btm .inner a {
	    text-decoration: none;
	    color: #19b9e3;
	  }

	  .footer-btm .inner a:hover {
	    text-decoration: underline;
	    }

			/************ SMART PHONE NAVIGATION ***************** */
	@media screen and (min-width: 320px) and (max-width: 768px) {
	  .menu .children {
	    display: none; }
		header .inner img {
			max-width: 90%;
			height: auto;
		}
	}

	nav .menu-container .menu {
	  left: 0; }
	  @media screen and (min-width: 651px) {
	    nav .menu-container .menu {
	      display: none !important; } }
	  @media screen and (max-width: 768px) {
	    nav .menu-container .menu {
	      display: block !important; } }
	  @media screen and (max-width: 768px) {
	    nav .menu-container .menu {
	      width: 98%;
	      left: 0;
	      position: fixed; /*fixed*/
	      z-index: 20; } }
	  nav .menu-container .menu ul {
	    list-style-type: none;
	    min-height: 50px;
	    padding: 10px;
	    transition: max-height 0.25s linear;
	    background: #7b7f32 /*rgba(173,208,73,1)*/ ;
	    width: 100%; }
	@media (max-width: 736px) {
		nav .menu-container .menu ul {
	    list-style-type: none;
	    min-height: 50px;
	    padding: 10px;
	    transition: max-height 0.25s linear;
	    background: #1c1c9a /*rgba(173,208,73,1)*/ ;
	    width: 101.5%; }
			header {
				display: none;
			}
			.slider {
				top: 66px;
			}
			.main-outer {
				margin-top: 240px;
			}
	}

	@media (max-width: 375px) {
		nav .menu-container .menu ul {
	    list-style-type: none;
	    min-height: 50px;
	    padding: 10px;
	    transition: max-height 0.25s linear;
	    background: #1c1c9a /*rgba(173,208,73,1)*/ ;
	    width: 98.5%; }
	}
	    @media (max-width: 768px) {
	      nav .menu-container .menu ul {
	        max-height: 0;
	        overflow: hidden;
	        margin: -120px 3.5em 0 0; } }
	    @media screen and (min-width: 320px) and (max-width: 768px) {
	      nav .menu-container .menu ul li {
	        float: none; } }
	    nav .menu-container .menu ul li a {
	      color: #fff;
	      margin: 0 0 5px 0;
	      border-radius: 0;
	      border: 1px solid rgba(255,255,255,0.3);
				padding: 10px;
	      width: 60%; }
	      @media screen and (max-width: 768px) {
	        nav .menu-container .menu ul li a {
	          transition: visibility 0.25s linear;
	          position: relative;
	          display: block;
	          margin: 0 3% 5px 0;
	          visibility: hidden; } }
	    nav .menu-container .menu ul li a:hover {
	      color: rgba(255, 255, 255, 0.5); }
	nav .burger {
	  z-index: 25;
	  position: fixed;
	  right: 0;
	  top: 0;
	  z-index: 25; }

	#navbar-checkbox:checked + .menu-container ul {
	  max-height: 768px; }
	  @media (max-width: 768px) {
	    #navbar-checkbox:checked + .menu-container ul li a {
	      visibility: visible; } }

	.navbar-handle {
	  display: block;
	  position: absolute; /*fixed;*/
	  font-size: 1.2em;
	  top: 3em;
	  right: 0px;
	  z-index: 10; }
	  @media (min-width: 769px) {
	    .navbar-handle {
	      visibility: hidden; } }
	  @media (max-width: 768px) {
	    .navbar-handle {
	      display: block;
	      border-color: #fff; }
	    header nav {
	      display: none;
	      }
	    }

	@media (max-width: 768px) {
	  .navbar-handle:after {
	    border-color: #fff; } }

	@media (max-width: 768px) {
	  .navbar-handle:before {
	    border-color: #fff; } }

	.navbar-handle {
	  xdisplay: none;
	  cursor: pointer;
	  xposition: relative !important;
	  font-size: 1.5em;
	  padding: 0.5em 0;
	  height: 0;
	  width: 1.4em;
	  border-top: 0.13333333em solid #fff;
	  margin: -54px 28px 0 0; }

	.navbar-handle:before, .navbar-handle:after {
	  position: absolute;
	  left: 0;
	  right: 0;
	  content: "";
	  border-top: 0.13333333em solid #fff;
	  color: #fff; }

	.navbar-handle:before {
	  top: 0.3em; }

	.navbar-handle:after {
	  top: 0.75em; }

	.navbar-checkbox {
	  display: none; }


nav .menu {
	background: none;
	width: 84%;
	float: right;
  margin-top: 60px;
}

nav .menu ul li {
	float: left;
	margin-right: 28px;
}

nav .menu ul li a {
	color: #1c1c9a
}

	/****************************************************** */
	#mobile-nav-container .menu-container {
	  z-index: 20; }

	    /* Smartphones (landscape) ----------- */
	            @media only screen
	            and (max-width : 812px) {

	              .main-inner h1 {
	    color: #398bd8;
	    font-weight: normal;
	    margin-bottom: 25px;
	    font-size: 1.5em;
	}

	.main-inner {
	    width: 960px;
	    max-width: 95%;
	    display: block;
	    margin: 0 auto;
	    padding: 50px 0;
	}

	    .contact-inner {
	        background: #fff;
	        display: block;
	        width: 930px;
	        max-width: 80%;
	        margin: 0 auto;
	        xheight: 80px;
	        padding: 25px;
	    }

	    .footer-inner {
	    padding: 50px 0;
	    width: 960px;
	    max-width: 90%;
	    display: block;
	    margin: 0 auto;
	}

	.footer-btm .inner {
	    width: 960px;
	    max-width: 92%;
	    margin: 0 auto;
	}

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

	                      .contact-inner {
	                          background: #fff;
	                          display: block;
	                          width: 930px;
	                          max-width: 71%;
	                          margin: 0 auto;
	                          xheight: 80px;
	                          padding: 25px;
	                        }

													header {
														display: none;
													}
													.slider {
														top: 70px;
													}
													.main-outer {
														margin-top: 210px;
													}

	}

	/* Smartphones (iphone 6plus) ----------- */
	   @media only screen
	   and (min-device-width : 320px)
	   and (max-device-width : 667px)
	   and (orientation : landscape)  {

	                      .contact-inner {
	    background: #fff;
	    display: block;
	    /* width: 930px; */
	    max-width: 79%;
	    margin: 0 auto;
	    xheight: 80px;
	    padding: 25px;
	}
	.wp-block-image .alignleft {
		float: left;
		margin-right: 1em;
		width: auto !important;
	}

	.main-inner h1 {
	    color: #398bd8;
	    font-weight: normal;
	    margin-bottom: 25px;
	    font-size: 1.2em !Important;
	    margin: 0 0 0 5%;
	    text-align: left !important;
	}
	                    }

	                    /* Smartphones (portrait and landscape) ----------- */
	                   @media only screen
	                   and (min-device-width : 320px)
	                   and (max-device-width : 667px) {
	                     .col-02 {
	                       width: 88%;
	                     }

	                     .main-inner > img {
	                        float: left;
	                        margin: 0 35px 35px 5%;
	                        width: 90%;
	                        height: auto;
	                    }

	                    .main-inner h1 {
	    color: #1c1c9a;
	    font-weight: normal;
	    margin-bottom: 25px;
	    font-size: 1.4em;
	    margin: 0 0 0 5%;
			text-align: center;
	}

	.wp-block-image img {
	    width: 80%;
			margin: 0 auto;
			display: block;
	}
	.wp-block-image .alignleft {
		width: 100%;
}

	.main-inner h1 span {
	    font-size: 0.9em;
	    line-height: 1.4em;
	    font-weight: lighter;
	}

	.main-inner p {
	    margin-bottom: 30px;
	    margin-left: 5%;
	    margin-top: 20px;
	}

	.main-inner h1 span {
	    font-size: 0.7em;
	    line-height: 1.4em;
	    font-weight: lighter;
	    display: block;
	    margin: 5px 0;
	}

	.main-inner p {
	    margin-bottom: 30px;
	    margin-left: 5%;
	    margin-top: 20px;
	    width: 90%;
	}

	.footer-inner .logo-box {
	    float: right;
	    margin-right: 5%;
	}

	.footer-btm .inner p {
	    padding: 30px 0;
	    font-size: 0.7em;
	    color: #c1c1c1;
	    font-weight: normal;
	    text-align: center;
	    width: 90%;
	    margin: 0 auto;
	}

	.left, .right {
	  float: none;
	}
	                   }

	                 /* Smartphones (iphone 6plus) ----------- */
	                    @media only screen
	                    and (min-device-width : 414px)
	                    and (max-device-width : 736px)
	                    and (orientation : landscape)  {
	                      .col-02 {
	                        width: 88%;
	                      }

	                      .main-inner > img {
	                         float: left;
	                         margin: 0 35px 35px 5%;
	                         width: 90%;
	                         height: auto;
	                     }

	                     .main-inner h1 {
	     color: #1c1c9a;
	     font-weight: normal;
	     margin-bottom: 25px;
	     font-size: 1.4em;
	     margin: 0 0 0 5%;
	 }



	 .main-inner h1 span {
	     font-size: 0.9em;
	     line-height: 1.4em;
	     font-weight: lighter;
	 }

	 .main-inner p {
	     margin-bottom: 30px;
	     margin-left: 5%;
	     margin-top: 20px;
	 }

	 .main-inner h1 span {
	     font-size: 0.9em;
	     line-height: 1.4em;
	     font-weight: lighter;
	     display: block;
	     margin: 17px 0;
	 }

	 .main-inner p {
	     margin-bottom: 30px;
	     margin-left: 5%;
	     margin-top: 20px;
	     width: 90%;
	 }

	 .footer-inner .logo-box {
	     float: right;
	     margin-right: 5%;
	 }

	 .footer-btm .inner p {
	     padding: 30px 0;
	     font-size: 0.7em;
	     color: #c1c1c1;
	     font-weight: normal;
	     text-align: center;
	     width: 90%;
	     margin: 0 auto;
	 }

	 .left, .right {
	   float: none;
	 }

	 .contact-inner {
	    background: #fff;
	    display: block;
	    width: 930px;
	    max-width: 85%;
	    margin: 0 auto;
	    xheight: 80px;
	    padding: 25px;
	}

	nav .menu {
	    background: none;
	    width: 80%;
	    float: right;
	    margin-top: 58px;
	}

	                    }

	            /* Smartphones (iphone 6plus) ----------- */
	                    @media only screen
	                    and (min-device-width : 414px)
	                    and (max-device-width : 736px)
	                    and (orientation : portrait)  {
	                      .col-02 {
	                        width: 88%;
	                      }

	                      .main-inner > img {
	                         float: left;
	                         margin: 0 35px 35px 5%;
	                         width: 90%;
	                         height: auto;
	                     }

	                     .main-inner h1 {
	     color: #398bd8;
	     font-weight: normal;
	     margin-bottom: 25px;
	     font-size: 1.4em;
	     margin: 0 0 0 5%;
	 }



	 .main-inner h1 span {
	     font-size: 0.9em;
	     line-height: 1.4em;
	     font-weight: lighter;
	 }

	 .main-inner p {
	     margin-bottom: 30px;
	     margin-left: 5%;
	     margin-top: 20px;
	 }

	 .main-inner h1 span {
	     font-size: 0.9em;
	     line-height: 1.4em;
	     font-weight: lighter;
	     display: block;
	     margin: 17px 0;
	 }

	 .main-inner p {
	     margin-bottom: 30px;
	     margin-left: 5%;
	     margin-top: 20px;
	     width: 90%;
	 }

	 .footer-inner .logo-box {
	     float: right;
	     margin-right: 5%;
	 }

	 .footer-btm .inner p {
	     padding: 30px 0;
	     font-size: 0.7em;
	     color: #c1c1c1;
	     font-weight: normal;
	     text-align: center;
	     width: 90%;
	     margin: 0 auto;
	 }

	 .left, .right {
	   float: none;
	 }

	 .contact-inner {
	    background: #fff;
	    display: block;
	    width: 930px;
	    max-width: 80%;
	    margin: 0px auto;
	    xheight: 80px;
	    padding: 25px;
	}
	                    }

	            /* iPads (portrait) ----------- */
	                    @media only screen
	                    and (min-device-width : 768px)
	                    and (max-device-width : 1024px)
	                    and (orientation : portrait) {
	                      body {
	                        display: block;
	                        width: 100%;
	                        font-size: .9em;
	                      }
	                      .main-outer {
	                          display: block;
	                          width: 100%;
	                          clear: both;
	                          float: left;
	                          background: #fff;
	                          margin-top: 30%;
	                          overflow: hidden;
	                          }

	                          .main-inner h1 {
	                          color: #398bd8;
	                          font-weight: normal;
	                          margin-bottom: 25px;
	                          font-size: 1.4em;
	                          }

	                          .main-inner p {
	                          margin-bottom: 30px;
	                          width: 90%;
	                          margin-left: 5%;
	                          }

	                          .main-inner > img {
	                          float: left;
	                          margin: 0 35px 35px 5%;
	                          }

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

	                    }

	            /* The New iPad (iPad 3) ----------- */
	                  @media only screen
	                    and (min-device-width: 1536px)
	                    and (max-device-width: 2048px)
	                    and (-webkit-min-device-pixel-ratio: 2) {

	                    /* Styles */
	                    }