html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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 {
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

body {
  font-family: 'Circe Extra Light', 'Raleway-medium', 'Raleway-medium IE', 'Arial, Helvetica, sans-serif';
  text-align: left;
  position: relative;
  background-color: rgba(245, 245, 245, 1);
}
a {
  text-decoration: none;
}
.tgcChallenge a {
  text-decoration: none;
    color: #336699;
    font-weight: 600;
  }

.tgcChallenge a:hover {
    text-decoration: underline;
    }

.tgcChallenge a:visited {
  color: #336699;
}

/* HEADER */

.nameContainer,
.nameContainer_white {
  display: inline-block;
  margin: 25px 0 0 25px;
  text-align: left;
  text-justify:inter-character;
}

.nameContainerMobile,
.nameContainerMobile_white {
  display: none;
  position: absolute;
  top: 100px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.home_mainImg {
  width: 100%;
  height: auto;
  max-height: 500px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 50% 80%;
}

.mainImgContainer {
  position: relative;
  display: block;
  width:100%;
  height: auto;
}

.headerText {
  width: 60%;
  position: absolute;
  top: 40%;
  left:20%;
  color: #fff;
  font-size: 24px;
}

.text-dark {
  color: #666666;
}

/* END HEADER */


/* WEBSITES SECTION */

.websites {
  display: grid;
  grid-template-columns: 5% 43% 4% 43% 5%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". websitesTitle websitesTitle websitesTitle ."
  ". brixton . zenitech ."
  ". brixtonTitle . zenitechTitle ."
  ". theGrenCollect theGrenCollect theGrenCollect ."
  ". theGrenCollectTitle theGrenCollectTitle theGrenCollectTitle ."
  ". friendshipRose . complianza ."
  ". friendshipRoseTitle . complianzaTitle ."
  ". bellesPoint . breadables ."
  ". bellesPointTitle . breadablesTitle ."
  ". lazuliDesign . ravenala ."
  ". lazuliDesignTitle . ravenalaTitle ."
  ". grenadaProperty . . ."
  ". grenadaPropertyTitle . . .";
  padding-top: 30px;
}

.websitesTitle {
  grid-area: websitesTitle;
}
.theGrenCollect {
  display: block;
  grid-area: theGrenCollect;
  height: 400px;
}

.theGrenCollectTitle {
  grid-area: theGrenCollectTitle;
  padding-bottom: 30px;
}

.brixton {
  grid-area: brixton;
  overflow: hidden;
  max-height: 320px;
}

.zenitech {
  grid-area: zenitech;
  overflow: hidden;
  max-height: 320px;
}

.ravenala {
  grid-area: ravenala;
  overflow: hidden;
  max-height: 320px;
}

.complianza {
  grid-area: complianza;
  overflow: hidden;
  max-height: 320px;
}

.breadables {
  grid-area: breadables;
  overflow: hidden;
  max-height: 320px;
}

.bellesPoint {
  grid-area: bellesPoint;
  overflow: hidden;
  max-height: 320px;
}

.ravenalaTitle {
  grid-area: ravenalaTitle;
  padding-bottom: 30px;
}

.breadablesTitle {
  grid-area: breadablesTitle;
  padding-bottom: 30px;
}

.complianzaTitle {
  grid-area: complianzaTitle;
  padding-bottom: 30px;
}

.brixtonTitle {
  grid-area: brixtonTitle;
  padding-bottom: 30px;
}

.zenitechTitle {
  grid-area: zenitechTitle;
  padding-bottom: 30px;
}

.bellesPointTitle {
  grid-area: bellesPointTitle;
  padding-bottom: 30px;
}

.grenadaProperty {
  grid-area: grenadaProperty;
  overflow: hidden;
  max-height: 320px;
}

.friendshipRose {
  grid-area: friendshipRose;
  overflow: hidden;
  max-height: 320px;
}

.grenadaPropertyTitle {
  grid-area: grenadaPropertyTitle;
  padding-bottom: 30px;
}

.friendshipRoseTitle {
  grid-area: friendshipRoseTitle;
  padding-bottom: 30px;
}

.lazuliDesign {
  grid-area: lazuliDesign;
  overflow: hidden;
  max-height: 320px;
}
.lazuliDesignTitle {
  grid-area: lazuliDesignTitle;
  padding-bottom: 30px;
}

.ravenala img, .bellesPoint img, .grenadaProperty img, .friendshipRose img {

  width:100%;
  display: block;
}

.imgContainer {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.theGrenCollect:hover
 {
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
-moz-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);

}

.websitesImg, .websiteImgNF {
  width: 100%;
  height: 100%;
  max-height: 400px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 80% 10%;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.websitesImg:hover {
  transform: scale(1.05);
}

/* END WEBSITES SECTION */

.spacer {
  display: block;
  width:50%;
  height: auto;
  padding-top: 40px;
  border-bottom: 1px solid rgb(51, 102, 153, 0.5);
  margin: 0 auto;
}

/* GraphicDesign SECTION */

.GraphicDesign {
  display: grid;
  grid-template-columns: 5% 43% 4% 43% 5%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". GraphicDesignTitle GraphicDesignTitle GraphicDesignTitle ."
  ". sailRelaxExplore . mysteryVibe ."
  ". sailRelaxExploreTitle . mysteryVibeTitle ."
  ". ziploft . londonPropertyReview ."
  ". ziploftTitle . londonPropertyReviewTitle ."
  ". miscGraphicDesign . . ."
  ". miscGraphicDesignTitle . . .";
  padding: 30px 0 100px;
}

.GraphicDesignTitle {
  grid-area: GraphicDesignTitle;
}
.londonPropertyReview {
  grid-area: londonPropertyReview;
}
.londonPropertyReviewTitle {
  grid-area: londonPropertyReviewTitle;
  padding-bottom: 30px;
}
.sailRelaxExplore {
  grid-area: sailRelaxExplore;
}
.sailRelaxExploreTitle {
  grid-area: sailRelaxExploreTitle;
  padding-bottom: 30px;
}
.mysteryVibe {
  grid-area: mysteryVibe;
}
.mysteryVibeTitle {
  grid-area: mysteryVibeTitle;
  padding-bottom: 30px;
}
.ziploft {
  grid-area: ziploft;
}
.ziploftTitle {
  grid-area: ziploftTitle;
  padding-bottom: 30px;
}
.miscGraphicDesign {
  grid-area: miscGraphicDesign;
}
.miscGraphicDesignTitle {
  grid-area: miscGraphicDesignTitle;
  padding-bottom: 30px;
}


.londonPropertyReview:hover,
.sailRelaxExplore:hover,
.mysteryVibe:hover,
.ziploft:hover,
.lazuliDesign:hover,
.miscGraphicDesign:hover
 {
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
-moz-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
  border-radius: 3px;
}

/* END GraphicDesign SECTION */

/* CONTACT FOOTER */

.footContactContainer {
  display: grid;
  grid-template-columns: 2% 40% 56% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". contact_spacer contact_spacer ."
  ". footContactTitle footContactText .";
  padding: 30px 0 100px;
}

.contact_spacer {
  grid-area: contact_spacer;
  display: block;
  width:100%;
  height: auto;
  padding-top: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgb(51, 102, 153, 0.2);
}
.footContactTitle {
  grid-area: footContactTitle;
  padding-bottom:20px;
}
.footContactText {
  grid-area: footContactText;
  padding-top: 10px;
}

/* CONTACT FOOTER */


/* PROFILE PAGE */

.profile_mainImg {
  width: 100%;
  height: auto;
  min-height: 600px;
  max-height: 700px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 0 10%;
}

.profile_mainImgContainer {
  position: relative;
  display: block;
  width:100%;
  height: auto;
}

.profile_headerText {
  width: 56%;
  position: absolute;
  top: 20%;
  right:25px;
  padding-top: 40px;
}

.cvButton {
  position: absolute;
  bottom: 25px;
  right: 25px;
  z-index: 100;
}

.cvButton a {
  display: block;
  color: white;
  font-weight: 400;
  font-size: 16px;
  padding:15px 20px;
  border: 1px solid white;
  border-radius: 2px;
  text-decoration: none;
}

.cvButton a:hover{
  color: #333333;
  background-color: white;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
-moz-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
  border-radius: 3px;
}

.profileContainer {
  display: grid;
  grid-template-columns: 2% 40% 56% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". aboutTitle aboutText ."
  ". profile_spacer profile_spacer ."
  ". experienceTitle experienceText ."
  ". profile_spacer2 profile_spacer2 ."
  ". learningTitle learningText ."
  ". profile_spacer3 profile_spacer3 ."
  ". contactTitle contactText .";
  padding: 50px 0 100px;
}

.aboutTitle {
  grid-area: aboutTitle;
  padding-bottom:20px;
}
.aboutText {
  grid-area: aboutText;
  padding-top: 10px;
}
.experienceTitle {
  grid-area: experienceTitle;
  padding-bottom:20px;
}
.experienceText {
  grid-area: experienceText;
  padding-top: 10px;
}
.learningTitle {
  grid-area: learningTitle;
  padding-bottom:20px;
}
.learningText {
  grid-area: learningText;
  padding-top: 10px;
}
.contactTitle {
  grid-area: contactTitle;
  padding-bottom:20px;
}
.contactText {
  grid-area: contactText;
  padding-top: 10px;
}
.profile_spacer {grid-area: profile_spacer;}
.profile_spacer2 {grid-area: profile_spacer2;}
.profile_spacer3 {grid-area: profile_spacer3;}

.profile_spacer, .profile_spacer2, .profile_spacer3 {
  display: block;
  width:100%;
  height: auto;
  padding-top: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgb(51, 102, 153, 0.2);
}

/* END PROFILE PAGE */

/* LPR ADVERT PAGE */

.lpr_mainImg, .mysteryVibe_mainImg {
  width: 100%;
  height: 500px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 50% 80%;
}

.lpr_advertContainer {
  display: block;
  width:96%;
  padding: 20px 2% 50px 2%;
}

/* END LPR ADVERT PAGE */


/* SRE & ROSE GraphicDesign */

.sreAdvertContainer {
  display: grid;
  grid-template-columns: 2% 46% 4% 46% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". GraphicDesignCardTitle . . ."
  ". GraphicDesignCardImg GraphicDesignCardImg GraphicDesignCardImg ."
  ". taCardImg . shopSign ."
  ". roseLines . roseTshirt ."
  ". quoteAd . . .";
  padding: 50px 0 100px;
}

.GraphicDesignCardTitle {
  grid-area: GraphicDesignCardTitle;
  padding-bottom:20px;
}
.GraphicDesignCardImg {
  grid-area: GraphicDesignCardImg;
  padding-bottom:20px;
}
.taCardImg {
  grid-area: taCardImg;
  padding-bottom:20px;
}
.shopSign {
  grid-area: shopSign;
  padding-bottom:20px;
}
.roseLines {
  grid-area: roseLines;
  padding-bottom:20px;
}
.roseTshirt {
  grid-area: roseTshirt;
  padding-bottom:20px;
}
.quoteAd {
  grid-area: quoteAd;
  padding-bottom:20px;
}
.mustiqueAd {
  grid-area: mustiqueAd;
  padding-bottom:20px;
}
.GraphicDesignCardMockImg {
  width: 100%;
  height: auto;
}
.taCardMockImg {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 80%;
}

/* END SRE & ROSE GraphicDesign */

/* MYSTERYVIBE FREELANCE PAGE */

.mysteryVibe_freelanceContainer {
  display: grid;
  grid-template-columns: 2% 46% 4% 46% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". mysteryVibeCardTitle . . ."
  ". mysteryVibeGallery mysteryVibeGallery mysteryVibeGallery .";
  padding: 50px 0 100px;
}

.mysteryVibe_mainImg {
  width: 100%;
  height: 500px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 50% 80%;
}

.mysteryVibeCardTitle {
  grid-area: mysteryVibeCardTitle;
  padding-bottom:20px;
}

.mysteryVibeGallery {
  grid-area: mysteryVibeGallery;
  padding-bottom:20px;
}

/* MYSTERYVIBE FREELANCE PAGE */

/* LAZULIDESIGN FREELANCE PAGE */

.lazuliDesign_freelanceContainer {
  display: grid;
  grid-template-columns: 2% 46% 4% 46% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". lazuliDesignCardTitle . . ."
  ". lazuliDesignGallery lazuliDesignGallery lazuliDesignGallery .";
  padding: 50px 0 100px;
}

.lazuliDesign_mainImg {
  width: 100%;
  height: 500px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 50% 80%;
}



.lazuliDesignCardTitle {
  grid-area: lazuliDesignCardTitle;
  padding-bottom:20px;
}

.lazuliDesignGallery {
  grid-area: lazuliDesignGallery;
  padding-bottom:20px;
}

/* LAZULIDESIGN FREELANCE PAGE */


/* ZIPLOFT FREELANCE PAGE */

.ziploft_freelanceContainer {
  display: grid;
  grid-template-columns: 2% 46% 4% 46% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". ziploftCardTitle . . ."
  ". ziploftFullWidthImage ziploftFullWidthImage ziploftFullWidthImage .";
  padding: 50px 0 100px;
}

.ziploft_mainImg {
  width: 100%;
  height: auto;
  background-origin: content-box;
  object-fit: cover;
  object-position: 50% 80%;
}

.ziploft_freelanceContainer {
  display: block;
  width:96%;
  padding: 20px 2% 50px 2%;
}

.ziploftCardTitle {
  grid-area: ziploftCardTitle;
  padding-bottom:20px;
}

.ziploftFullWidthImage {
  grid-area: ziploftFullWidthImage;
  padding-bottom:20px;
}

/* ZIPLOFT FREELANCE PAGE */

/* MISC GRAPHIC DESIGN FREELANCE PAGE */
.miscGraphicDesign_mainImg {
  width: 100%;
  height: 500px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 50% 80%;
}

.miscGraphicDesignGallery {
  display: block;
  width:96%;
  padding: 20px 2% 50px 2%;
}

/* MISC GRAPHIC DESIGN FREELANCE PAGE */


/* THE GRENADINES COLLECTION */

.tgcContainer {
  display: grid;
  grid-template-columns: 2% 46% 4% 22% 2% 22% 2%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". tgcRole . tgcChallenge tgcChallenge tgcChallenge . "
  ". tgcScreens . tgcProcess . tgcfeatures ."
  ". tgcHomeImg tgcHomeImg tgcHomeImg tgcHomeImg tgcHomeImg ."
  "tgcMobImg tgcMobImg tgcMobImg tgcMobImg tgcMobImg tgcMobImg tgcMobImg"
  ". tgcFiltersImg tgcFiltersImg tgcFiltersImg tgcFiltersImg tgcFiltersImg ."
  ". tgcPLPImg tgcPLPImg tgcPLPImg tgcPLPImg tgcPLPImg ."
  ". tgcListingImg tgcListingImg tgcListingImg tgcListingImg tgcListingImg .";
  padding: 50px 0 100px;
}

.tgcRole {
  grid-area: tgcRole;
  padding-bottom:20px;
}
.tgcChallenge {
  grid-area: tgcChallenge;
  padding-bottom:20px;
}
.tgcScreens {
  grid-area: tgcScreens;
  padding-bottom:20px;
}
.tgcProcess {
  grid-area: tgcProcess;
  padding-bottom:20px;
}
.tgcfeatures {
  grid-area: tgcfeatures;
  padding-bottom:20px;
}
.tgcHomeImg {
  grid-area: tgcHomeImg;
  padding-bottom:20px;
  text-align: center;
}
.tgcMobImg {
  grid-area: tgcMobImg;
  padding-bottom:20px;
  text-align: center;
}
.tgcFiltersImg {
  grid-area: tgcFiltersImg;
  padding-bottom:20px;
  text-align: center;
}
.tgcPLPImg {
  grid-area: tgcPLPImg;
  padding-bottom:20px;
  text-align: center;
}
.tgcListingImg {
  grid-area: tgcListingImg;
  padding-bottom:20px;
  text-align: center;
}

.tgcScreens img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 80%;
}

.tgc_mainImg {
  width: 100%;
  height: 500px;
  background-origin: content-box;
  object-fit: cover;
  object-position: 0 100%;
}

.tgcHomeImg img, .tgcFiltersImg img, .tgcPLPImg img, .tgcListingImg img {
  width: 80%;
  height: auto;
  margin:0 auto;
  -webkit-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
-moz-box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
box-shadow: 5px 8px 44px -11px rgba(102,102,102,0.99);
}

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

/* END THE GRENADINES COLLECTION */

/* FONTS & STYLES */

.nameContainer h1,
.nameContainerMobile h1 {
  font-size: 26px;
  color: #336699;
  letter-spacing: 2px;
}

.nameContainer_white h1,
.nameContainerMobile_white h1 {
  font-size: 26px;
  color: #fff;
  letter-spacing: 2px;
}

.nameContainer h2,
.nameContainerMobile h2 {
  font-size: 20px;
  color: #336699;
}

.nameContainer_white h2,
.nameContainerMobile_white h2 {
  font-size: 20px;
  color: #fff;
}

.profileContainer h2,
.tgcContainer h2,
.footContactContainer {
  font-size: 30px;
  color: #336699;
  padding-bottom: 20px;
}

.websitesTitle,
.GraphicDesignTitle,
.GraphicDesignCardTitle,
.mysteryVibeCardTitle,
.lazuliDesignCardTitle,
.miscGraphicDesignCardTitle  {
  font-size: 26px;
  color: #336699;
}

.websites h3,
.GraphicDesign h3,
.GraphicDesignCardTitle h3,
.lazuliDesignCardTitle h3,
.miscGraphicDesignTitle h3 {
  font-size: 20px;
  color: #336699;
  padding-top: 10px;
}

.profileContainer h3 {
  font-size: 18px;
  color: #336699;
  padding-bottom: 10px;
  font-weight: 600;
}

.websites h4, .GraphicDesign h4 {
  font-size: 18px;
  color: #666666;
}

.websites a {
  font-size: 16px;
  color: #336699;
  text-decoration: none;
  padding-top: 5px
}

.profile_headerText p {
  color: #ffffff;
  font-size: 30px;
  text-align: left;
  padding-bottom:20px;
}

.profileContainer p,
.contactText a,
.footContactText p,
.footContactText a,
.sreAdvertContainer p,
.tgcContainer p,
.mysteryVibe_freelanceContainer p,
.lazuliDesign_freelanceContainer p,
.miscGraphicDesignContainer p {
  font-size: 20px;
  color: #666666;
  padding-bottom: 15px;
  text-decoration: none;
  display: block;
}

.profileContainer li,
.tgcContainer li {
  font-size: 20px;
  color: #666666;
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  margin: 0 0 16px 1.1225em;
  text-align: left;
}

.profileContainer li::before,
.tgcContainer li::before {
  color: #006b6e;
  font-family: sans-serif;
  content: "\2022";
  left: -1.1225em;
  display: inline-block;
  font-size: 1.1em;
  position: absolute;
  top: 0em;
}

span {
  font-size: 20px;
  color: #666666;
  padding-bottom: 5px;
  text-decoration: none;
  display: block;
}

.padTop {
  padding-top:20px;
}

nav {
    font-family: 'Circe Extra Light', 'Raleway-medium', 'Raleway-medium IE', 'Arial, Helvetica, sans-serif';
}
@font-face {
  font-family: 'Circe Thin';
  src: 	url(../fonts/Circe-Thin.woff) format('woff'),
  		url(../fonts/Circe-Thin.woff2) format('woff2'),
  		url(../fonts/Circe-Thin.ttf) format('truetype');
}
@font-face {
  font-family: 'Circe Extra Light';
  src: 	url(../fonts/Circe-Extra-Light.woff) format('woff'),
  		url(../fonts/Circe-Extra-Light.woff2) format('woff2'),
  		url(../fonts/Circe-Extra-Light.ttf) format('truetype');
}
@font-face {font-family: 'Raleway-Light'; src: url(../fonts/Raleway-Light.ttf)}
@font-face {font-family: 'Raleway-Light IE'; src: url(../fonts/Raleway-Light.otf);}
@font-face {font-family: 'Raleway-Medium'; src: url(../fonts/Raleway-Medium.ttf);}
@font-face {font-family: 'Raleway-Medium IE'; src: url(../fonts/Raleway-Medium.otf);}


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

  /* HEADER */
  .nameContainer,
  .nameContainer_white {
    display: none;
  }

  .nameContainerMobile,
  .nameContainerMobile_white {
    display: block;
  }

  .home_mainImg {
    min-height: 500px;
  }

  .profile_mainImg {
    min-height: 800px;
  }


  .headerText {
    width: 80%;
    left:10%;
  }

  .websites {
    grid-template-columns: 4% 92% 4%;
    grid-template-areas:
    ". websitesTitle ."
    ". brixton ."
    ". brixtonTitle ."
    ". zenitech ."
    ". zenitechTitle ."
    ". theGrenCollect ."
    ". theGrenCollectTitle ."
    ". friendshipRose ."
    ". friendshipRoseTitle ."
    ". complianza ."
    ". complianzaTitle ."
    ". breadables ."
    ". breadablesTitle ."
    ". bellesPoint ."
    ". bellesPointTitle ."
    ". lazuliDesign ."
    ". lazuliDesignTitle ."
    ". ravenala ."
    ". ravenalaTitle ."
    ". grenadaProperty ."
    ". grenadaPropertyTitle .";
  }

  .GraphicDesign {
    grid-template-columns: 4% 92% 4%;
    grid-template-areas:
    ". GraphicDesignTitle ."
    ". sailRelaxExplore ."
    ". sailRelaxExploreTitle ."
    ". mysteryVibe ."
    ". mysteryVibeTitle ."
    ". ziploft ."
    ". ziploftTitle ."
    ". londonPropertyReview ."
    ". londonPropertyReviewTitle ."
    ". miscGraphicDesign ."
    ". miscGraphicDesignTitle .";
  }

  .footContactContainer {
    grid-template-columns: 4% 92% 4%;
    grid-template-areas:
    ". contact_spacer ."
    ". footContactTitle ."
    ". footContactText .";
    padding: 30px 0 100px;
  }


  .imgContainer, .theGrenCollect {
    height: 210px;
  }

  .sreAdvertContainer {
    display: grid;
    grid-template-columns: 4% 92% 4%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-template-areas:
    ". GraphicDesignCardTitle ."
    ". GraphicDesignCardImg ."
    ". taCardImg ."
    ". shopSign ."
    ". roseLines ."
    ". roseTshirt ."
    ". quoteAd .";
    padding: 50px 0 100px;
  }

  .mysteryVibe_freelanceContainer {
    display: grid;
    grid-template-columns: 4% 92% 4%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-template-areas:
    ". mysteryVibeCardTitle ."
    ". mysteryVibeGallery .";
    padding: 50px 0 100px;
  }

  .lazuliDesign_freelanceContainer {
    display: grid;
    grid-template-columns: 4% 92% 4%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-template-areas:
    ". lazuliDesignCardTitle ."
    ". lazuliDesignGallery .";
    padding: 50px 0 100px;
  }

  .miscGraphicDesignContainer {
    display: grid;
    grid-template-columns: 4% 92% 4%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-template-areas:
    ". miscGraphicDesignCardTitle ."
    ". miscGraphicDesignGallery .";
    padding: 50px 0 100px;
  }

  .ziploft_freelanceContainer {
    display: grid;
    grid-template-columns: 4% 92% 4%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-template-areas:
    ". ziploftCardTitle ."
    ". ziploftFullWidthImage .";
    padding: 50px 0 100px;
  }


.profile_headerText {
  width: 80%;
  right: 10%;
  top: 25%;
}
.profile_headerText p {
  font-size: 28px;
}

.profile_mainImg {
  object-position: 100% 10%;
}

.cvButton {
  right: 10%;
}

.profileContainer {
  display: grid;
  grid-template-columns: 4% 92% 4%;
  grid-template-rows: auto;
  grid-row-gap: 10px;
  grid-template-areas:
  ". aboutTitle ."
  ". aboutText ."
  ". profile_spacer ."
  ". profile_spacer ."
  ". experienceTitle ."
  ". experienceText ."
  ". profile_spacer2 ."
  ". learningTitle ."
  ". learningText ."
  ". profile_spacer3 ."
  ". contactTitle ."
  ". contactText .";
  padding: 50px 0 100px;
}

.tgcContainer {
  grid-template-columns: 4% 92% 4%;
  grid-template-areas:
  ". tgcRole . "
  ". tgcChallenge ."
  ". tgcProcess . "
  ". tgcScreens . "
  ". tgcfeatures . "
  ". tgcHomeImg ."
  "tgcMobImg tgcMobImg tgcMobImg"
  ". tgcfiltersImg ."
  ". tgcPLPImg ."
  ". tgcListingImg .";
}



.profileContainer h2,
.tgcContainer h2 {
  padding-bottom: 0;
}

}