@charset "UTF-8";
/* CSS Document */

html {
    margin: 0;
    padding: 0;
    background-color: rgba(235,253,248,1.00);
}

body {
	    margin: 0;
        padding: 0;
}


/* DESKTOP - NAV */

nav {
    background-color: rgba(142,142,142,1.00);
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    z-index: 4000;
    height: 36px;
}

p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 11pt;
    font-style: normal;
    text-align: center;
    font-weight: 100;
    letter-spacing: 0.5pt;
    color: rgba(255,255,255,1.00);
    text-transform: uppercase;
    padding-top: 11px;
    margin-top: 0;
}

p1 {
    letter-spacing: 0.5pt;
    font-style: normal;
    color: rgba(0,0,0,0.50);
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    font-weight: 400;
    line-height: 25pt;
    text-decoration: never underline;
    font-family: American Typewriter;
    font-size: 16pt;
}

p3 {
    letter-spacing: 0.5pt;
    font-style: normal;
    color: rgba(0,0,0,0.50);
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    font-weight: 400;
    line-height: 24pt;
    text-decoration: never underline;
    font-family: American Typewriter;
    font-size: 14pt;
}


ul {
    list-style-type: none;
    height: 36px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-size: 100%;
    width: 100%;
}

li {
    float: left;
    width: 33.3%;
    height: 36px;
}

li a {
    display: block;
    color: white;
    text-align: center;
    height: 36px;
    text-decoration: none;
    width: 100%;
}

li a:hover {
    background-color: rgba(87,197,201,1.00);
    width: 100%;
    height: 36px;
}


main {
    width: 100%;
    padding-top: 107.5px;
    background-repeat: no-repeat;
}

.note-pad {
    width: 60.36%;
    background-image: url(../images/about/ruled-about-note_paper_TALL.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 19.60%;
    margin-right: 19.60%;
    height: 500px;
}


.intro {
    width: 100%;
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    }

.intro-2 {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 50px;
}


.margin {
    margin-top: 101.897px;
    width: 12%;
    float: left;
    height: 10px;
}

.margin-2 {
    margin-top: 101.897px;
    width: 7%;
    float: left;
    height: 10px;
}

.column-2 {
    width: 10%;
    float: left;
    margin-top: 10.5%;
    height: 100px;
}
.address-column {
    width: 20%;
    float: left;
    margin-top: 9%;
    padding-top: 0;
    padding-left: 1%;
    padding-right: 1%;
    background-color: rgba(222,59,61,0.00);
}

.phone-column {
    width: auto;
    float: left;
    padding-left: 1%;
    margin-top: 12.5%;
    padding-right: 1%;
}

.mob-column {
    width: 20%;
    float: left;
    padding-left: 1%;
    margin-top: 8.5%;
    padding-right: 1%;
}

.email-column {
    width: auto;
    float: left;
    padding-left: 1%;
    margin-top: 8.5%;
    padding-right: 1%;
}


.column-4 {
    width: 10%;
    float: left;
    margin-top: 10.5%;
    background-color: rgba(214,24,28,1.00);
    height: 20px;
}
.column-5 {
    width: 10%;
    float: left;
    margin-top: 10.5%;
}

.column-8 {
    width: 10%;
    float: left;
    height: 200px;
    margin-top: 5%;
}

.column-10 {
    width: 10%;
    float: left;
    height: 200px;
    margin-top: 5%;
}


a {
	text-decoration: none;
}

.contact-page {
    background-color: rgba(128,214,252,0.27);
}

.intro-row-1 {
	display: none;
}

.intro-row-4 {
	display: none;
}

	/* END of DESKTOP mq */























	/* iPad LANDSCAPE */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {


html {
    margin-top: 36px;
}
    
nav {
    background-color: rgba(142,142,142,1.00);
}

p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 11pt;
    padding-top: 9px;
}
      
ul {
    background-color: rgba(142,142,142,1.00);
}
    
li a:hover {
    background-color: rgba(87,197,201,1.00);
    width: 100%;
}
    
main {
    width: 100%;
    padding-top: 87px;
    background-repeat: no-repeat;
}

.note-pad {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    height: 445px;
    margin-top: 1px;
}	
	
.intro {
    width: 100%;
    height: 250px;
    margin-bottom: 1px;
    background-color: rgba(64,247,55,0.00);
}

.intro-2 {
    width: 100%;
    height: 150px;
    margin-top: 1px;
    background-color: rgba(247,2,109,0.00);
    padding-top: 1px;
}

p1 {
    font-size: 15pt;
    line-height: 23pt;
}

p3 {
    line-height: 24pt;
    font-size: 12pt;
}


.margin {
    width: 12%;
       height: 250px;
    margin-top: 1px;
    background-color: rgba(59,100,247,0.00);
}
    
.margin-2 {
    width: 5%;
     height: 250px;
    background-color: rgba(187,50,247,0.00);
    margin-top: 1px;
}	

    
.address-column {
    width: 25%;
    float: left;
    height: auto;
    background-color: rgba(151,158,219,0.00);
    margin-top: 70px;
}

   
.phone-column {
    width: 25%;
    float: left;
    height: auto;
    background-color: rgba(151,158,219,0.00);
    margin-top: 100px;
}
    
.mob-column {
    width: 25%;
    float: left;
    height: auto;
    background-color: rgba(151,158,219,0.00);
    margin-top: 22px;
}
     
.email-column {
    width: 25%;
    float: left;
    height: auto;
    background-color: rgba(151,158,219,0.00);
    margin-top: 22px;
}
    
/* TABLET PORTRAIT  - ICONS */
    
.column-2 {
    float: left;
    width: 10%;
    height: 40px;
    margin-top: 95px;
    background-color: rgba(247,86,89,0.00);
}
    
.column-5 {
    float: left;
    width: 10%;
    height: 40px;
    margin-top: 95px;
    background-color: rgba(247,86,89,0.00);
}
    
.column-8 {
    width: 10%;
    float: left;
    height: 40px;
    background-color: rgba(209,228,5,0.00);
    margin-top: 1px;
}
	
   
.column-10 {
    width: 10%;
    float: left;
    height: 40px;
    background-color: rgba(209,228,5,0.00);
    margin-top: 1px;
}
 
	
p4 {
    letter-spacing: 0.5pt;
    font-style: normal;
    color: rgba(0,0,0,0.50);
    text-align: left;
    font-weight: 400;
    line-height: 20pt;
    font-family: American Typewriter;
    font-size: 12pt;
}
	
p5 {
    font-family: American Typewriter;
    font-size: 10pt;
    line-height: 4pt;
    color: rgba(0,0,0,0.50);
}
	/* END of iPad LANDSCAPE mq */
}





























	/* iPad PORTRAIT mq */


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

html {
          padding: 0;
          margin: 0;
}

      
header {
    margin-top: 0;
    height: 80px;
}
      
      
	/* iPad PORTRAIT - NAV */

p {
    font-size: 15pt;
    color: rgba(255,255,255,1.00);
    padding-top: 45px;
    width: 100%;
    font-weight: 100;
    margin-bottom: 0;
}
      
nav {
    width: 100%;
    height: 80px;
    background-size: 100%;
    margin-top: 0;
}
      
ul {
    list-style-type: none;
    height: 80px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

li {
    float: left;
    list-style-type: none;
    height: 80px;
    width: 33.3%;
}

li a {
    color: white;
    text-align: center;
    width: 100%;
    height: 80px;
    text-decoration: none;
}

li a:hover {
    background-color: rgba(252,252,252,0.30);
    height: 80px;
    width: 100%;
}
      
  
main {
          padding: 0;
          margin-top: 165px;
      }     
      
.note-pad {
    width: 80%;
    background-image: url(../images/about/ruled-about-note_paper_TALL.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 10%;
    margin-right: 10%;
    height: 500px;
}

p1 {
    font-size: 13pt;
   
}       
}


	/* END of iPad PORTRAIT - mq */






















	/* iPhone LANDSCAPE */


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

	  
	/* iPhone LANDSCAPE NAV */

p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 17pt;
    color: rgba(255,255,255,1.00);
    font-weight: 100;
}
      
nav {
    background-color: rgba(142,142,142,1.00);
}

ul {
    list-style-type: none;
    height: 45px;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
    width: 33%;
}

li a {
    display: block;
    color: white;
    text-align: center;
    height: 45px;
    text-decoration: none;
}

li a:hover {
    background-color: rgba(252,252,252,0.30);
    height: 45px;
}
	

	  
	/* iPhone LANDSCAPE background notepad image container */
	  
main {
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 1px;
    margin-top: 87px;
    margin-bottom: 75px;
}


	  
.note-pad {
    display: none;
}
	  
.note-pad-narrow {
    width: 75%;
    background-image: url(../images/about/ruled-about-note_paper_TALL.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 12.5%;
    margin-right: 12.5%;
    margin-bottom: 75px;
    height: 675px;
}
	  
	  
	/* iPhone LANDSCAPE address details */
	  
p4 {
    letter-spacing: 0.5pt;
    font-style: normal;
    color: rgba(0,0,0,0.50);
    text-align: left;
    font-weight: 400;
    line-height: 30pt;
    font-family: American Typewriter;
    font-size: 22pt;
}
	
p5 {
    font-family: American Typewriter;
    font-size: 16pt;
    line-height: 4pt;
    color: rgba(0,0,0,0.50);
}

	  	/* iPhone LANDSCAPE horiz spacer between notepad and address & icons */
	  
.intro-row-2 {
    width: 100%;
    height: 12%;
    display: block;
}	  
	  
.intro-row-1 {
    width: 100%;
    height: 75px;
    display: block;
    background-color: rgba(0,255,42,0.00);
}	  
	  
	  	/* iPhone LANDSCAPE LH margin */
	  
.column-12 {
    float: left;
    width: 15%;
    height: 40px;
    background-color: rgba(215,15,18,0.00);
}	  
	  
	  	/* iPhone LANDSCAPE icons */

.column-13 {
    width: 15%;
    float: left;
    height: auto;
    background-color: rgba(94,40,183,0.00);
}

	  	/* iPhone LANDSCAPE Address row */
	  
.column-14 {
    width: 55%;
    float: left;
    padding-left: 5%;
    height: 200px;
    padding-top: 10px;
    background-color: rgba(54,235,239,0.00);
    margin-bottom: 1px;
}	

	  	/* iPhone LANDSCAPE landline row */
	  
.column-15 {
    width: 55%;
    float: left;
    padding-left: 5%;
    height: 108px;
    padding-top: 10px;
    background-color: rgba(194,254,0,0.00);
    margin-bottom: 20px;
    margin-top: 5px;
}
	
	/* iPhone LANDSCAPE mobile and email rows */

.column-16 {
    width: 55%;
    float: left;
    padding-left: 5%;
    height: 65px;
    padding-top: 10px;
    background-color: rgba(255,108,4,0.00);
    margin-top: 20px;
    margin-bottom: 1px;
}	  
.column-17 {
    width: 55%;
    float: left;
    padding-left: 5%;
    height: 75px;
    background-color: rgba(255,3,231,0.00);
    margin-top: 55px;
    margin-bottom: 1px;
}
      
	  
#myBtn {
    z-index: 1200; /* Make sure it does not overlap */
    display: block;
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    padding-top: 13px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 10px;
    height: 100px;
    float: right;
    margin-right: 430px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.00);
}	      
	/* END of iPhone LANDSCAPE mq */
	  
}





























	/* iPhone PORTRAIT */


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
		
.intro-row-1 {
    display: none;
}
.intro-row-2 {
    display: none;
}
	
.note-pad {
    display: none;
}	
	
.column-2 {
    display: none;
}
	  
.note-pad-narrow {
    display: none;
}
	

header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    z-index: 4000;
    margin-top: 0;
}

/* List container */

nav {
    width: 100%;
    padding: 0;
    z-index: 5000;
    height: 83.3px;
    background-color: rgba(142,142,142,1.00);
}

  	/* iPhone PORTRAIT Nav text  */
      
p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 32pt;
    font-style: normal;
    text-align: center;
    font-weight: 100;
    letter-spacing: 0.5pt;
    color: rgba(253,253,253,1.00);
    text-transform: uppercase;
    padding-top: 16px;
}


	  
	/* iPhone PORTRAIT nav list  */
	  
ul {
    list-style-type: none;
    padding: 0;
    height: 83.3px;
}
li {
    float: left;
    width: 33%;
    height: 83.3px;
}
li a {
    display: block;
    text-decoration: none;
    height: 83.3px;
}

li a:hover {
    background-color: rgba(252,252,252,0.30);
    height: 83.3px;
}

	/* iPhone PORTRAIT notepad image container  */
	  
.intro-row-4 {
    width: 85%;
    display: inline-block;
    background-image: url(../images/about/ruled-about-note_paper_TALLER.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 7.5%;
    height: 906px;
    margin-bottom: 100px;
    margin-top: 5%;
    margin-right: 7.5%;
}

	  
	/* iPhone PORTRAIT all text container  */
	  
.note-pad-text {
    width: 75%;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 950px;
    margin-left: 11.5%;
    margin-top: 40px;
    padding-left: 30px;
}
	
	  

 	/* iPhone PORTRAIT address text container  */

.column-14 {
    width: 100%;
    float: left;
    height: 300px;
    margin-top: 25px;
    margin-bottom: 10px;
}
	  
	  
	/* iPhone PORTRAIT Answerphone text  */

p5 {
    font-family: American Typewriter;
    font-size: 28pt;
    line-height: 30pt;
    color: rgba(c);
}
	  
	  
	/* iPhone PORTRAIT text  */
	  
p4 {
    letter-spacing: 0.5pt;
    font-style: normal;
    color: rgba(0,0,0,0.50);
    text-align: left;
    font-weight: 400;
    font-family: American Typewriter;
    font-size: 37pt;
    line-height: 52pt;
    padding-top: 0;
    padding-left: 0;
}

	  	/* iPhone PORTRAIT 'Contact me' text container  */
	
.column-15 {
    width: 100%;
    float: left;
    height: 75px;
    margin-bottom: 30px;
}

	  	/* iPhone PORTRAIT 'Contact me' HEADING text  */
	  
h2 {
    font-size: 42pt;
    line-height: 45pt;
    font-weight: 400;
    color: rgba(142,142,142,1.00);
    font-family: American Typewriter;
} 
	  
  /* iPhone PORTRAIT 'email' text container  */
	 	
.column-16 {
    width: 100%;
    float: left;
    height: 55px;
    margin-top: 50px;
}

	/* END of iPhone PORTRAIT mq */
	
}