/* cmsms stylesheet: MattCss modified: 04/17/20 07:25:43 */
@font-face {
  font-family: 'MyriadPro';
    src:
       url('../../uploads/matt/fonts/Myriad Pro Bold SemiExtended.ttf') format('truetype'),
       url("../../uploads/matt/fonts/MyriadPro-BlackSemiCn.otf") format("opentype"),
       url("../../uploads/matt/fonts/MyriadPro-Bold.otf") format("opentype"),
       url("../../uploads/matt/fonts/MYRIADPRO-BOLD.woff") format("woff"),
       url("../../uploads/matt/fonts/myriadpro-light.otf") format("opentype"),
       url("../../uploads/matt/fonts/MyriadPro-Light.woff") format("woff"),
       url("../../uploads/matt/fonts/MYRIADPRO-REGULAR.woff") format("woff");  
}  
@font-face {
  font-family: 'myriadpro-light';
    src:
       url("../../uploads/matt/fonts/myriadpro-light.otf") format("opentype"),
       url("../../uploads/matt/fonts/MyriadPro-Light.woff") format("woff"),
       url("../../uploads/matt/fonts/MYRIADPRO-REGULAR.woff") format("woff");  
}
@font-face {
  font-family: 'Trajan';
    src:
       url("../../uploads/matt/fonts/trajan-pro-3.otf") format("opentype");   
}  
@font-face {
  font-family: 'Niconne';
    src:
        url('../../uploads/matt/fonts/Niconne-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'PTSans';
    src:
        url('../../uploads/matt/fonts/PT_Sans_normal.ttf') format('truetype'),
        url('../../uploads/matt/fonts/PT_Sans_Itallic.ttf') format('truetype'),
        url('../../uploads/matt/fonts/PT_Sans_Bold.ttf') format('truetype'),
        url('../../uploads/matt/fonts/PT_Sans_Bold_Itallic.ttf') format('truetype');
}

@font-face {
  font-family: 'Merienda';
    src:
        url('../../uploads/matt/fonts/Merienda-Bold.ttf') format('truetype'),
        url('../../uploads/matt/fonts/Almendra-BoldItalic.ttf') format('truetype'),
        url('../../uploads/matt/fonts/Almendra-Italic.ttf') format('truetype'),
        url('../../uploads/matt/fonts/Merienda-Regular.ttf') format('truetype');  
}  
@font-face {
  font-family: 'Almendra';
    src:
       url('../../uploads/matt/fonts/Almendra-Bold.ttf') format('truetype'),
       url('../../uploads/matt/fonts/Almendra-Italic.ttf') format('truetype');  
} 
@font-face {
  font-family: 'GreatVibes';
    src:
        url('../../uploads/matt/fonts/GreatVibes-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Castellar";
    src: url("../../uploads/matt/fonts/Castellar.eot");
    src:
    url("../../uploads/matt/fonts/Castellar.woff") format("woff"),
    url("/uploads/matt/fonts/Castellar.otf") format("opentype"),
    url("../../uploads/matt/fonts/Castellar.svg") format("svg");
}
@font-face {
    font-family: "Safari";
    src: url("../../uploads/matt/fonts/safari-pinned-tab.svg");
    src: url("../../uploads/matt/fonts/safari-pinned-tab.svg") format("svg");
}

@media only screen and (max-width: 400px) and (min-width: 200px) {
    body {
        font-size: 12px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 0.1em 0.15em 0.1em 0.15em !important;
    }
    #sidebar li li {
        line-height: 16px !important;
    }
    .about2Text {
        padding: 70px 1px 1px 1px !important;
        font-size: 120% !important;
    }
}
@media only screen and (max-width: 600px) and (min-width: 400px) {
    body {
        font-size: 13px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 0.3em 0.2em 0.3em 0.2em !important;
    }
    #sidebar li li {
        line-height: 20px !important;
        margin-bottom: 15px !important;
    }
    #logo {
       /*  margin: 0px 0 0px 0 !important; */
    }
    #sidebar ul {
        padding: 0 0 0 5px !important;
    }
    .about2Text {
        padding: 20px 1px 1px 1px !important;
        font-size: 100% !important;
        line-height: 18px !important;
    }
}
@media only screen and (max-width: 700px) and (min-width: 600px) {
    body {
        font-size: 14px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 0.6em 0.25em 0.6em 0.25em !important;
    }
    #sidebar li li {
        line-height: 25px !important;
        margin-bottom: 15px !important;
    }
    #sidebar ul {
        padding: 0 0 0 7px !important;
    }
    .about2Text {
        padding: 50px 1px 1px 1px !important;
        font-size: 100% !important;
        line-height: 20px !important;
    }
}
@media only screen and (max-width: 800px) and (min-width: 700px) {
    body {
        font-size: 14px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 0.6em 0.25em 0.6em 0.25em !important;
    }
    #sidebar li li {
        line-height: 25px !important;
        margin-bottom: 15px !important;
    }
    #sidebar ul {
        padding: 0 0 0 7px !important;
    }
    .about2Text {
        padding: 70px 1px 1px 1px !important;
        font-size: 120% !important;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 800px) {
    body {
        font-size: 15px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 1em 0.25em 1em 0.25em !important;
    }
    #sidebar li li {
        line-height: 30px !important;
        font-size: 100% !important;
        margin-bottom: 20px !important;
    }
    .about2Text {
        padding: 70px 1px 1px 1px !important;
        font-size: 120% !important;
    }
}
@media only screen and (max-width: 1250px) and (min-width: 1000px) {
    body {
        font-size: 16px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 1em 0.25em 1em 0.25em !important;
    }
    #sidebar li li {
        line-height: 36px !important;
        font-size: 100% !important;
    }
}
@media only screen and (max-width: 1500px) and (min-width: 1250px) {
    body {
        font-size: 17px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 1em 0.25em 1em 0.25em !important;
    }
    #sidebar li li {
        line-height: 38px !important;
        font-size: 100% !important;
    }
    #contactLeft {
        /* min-height: 800px; */
    }
}

@media only screen and (min-width: 1500px) {
    body {
        font-size: 18px !important;
        margin: 0;
        padding: 0;
    }
    .ginput_container input {
        padding: 1em 0.25em 1em 0.25em !important;
    }
    #sidebar li li {
        line-height: 40px !important;
        font-size: 100% !important;
    }
    #contactLeft {
        /* min-height: 900px; */
    }
}


body {
    margin: 0;
    padding: 0;
    font-family: myriadpro-light;
    line-height: 2.0;
    font-size: 16px;
    color: #181B20;
    /*
    font-family: Calibri;
    font-family: MyriadPro;
    font-family: Trajan;
    font-family: Niconne;
    font-family: PTSans;
    font-family: Merienda;
    font-family: Almendra;
    font-family: GreatVibes;
    font-family: Castellar;
    font-family: Safari;	
    */
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    /* font-family: 'Arvo', serif; */
    font-weight: normal;
    color: #FF9F04;
}

h1 {
    font-size: 180%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 120%;
}

p, ul, ol {
    margin-top: 0;
}

ul, ol {
}

a {
    text-decoration: none;
    color: #FFFFFF;
}

a:hover {
    text-decoration: underline;
}

img.border {
    border: 6px solid #EEE7DF;
}

img.alignleft {
    float: left;
    margin-right: 25px;
}

img.alignright {
    float: right;
}

img.aligncenter {
    margin: 0px auto;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
}

/* Header */

#header-wrapper {
    height: 190px;
    display: none;
}

#header {
    width: 960px;
    height: 190px;
    margin: 0 auto;
}

/* Logo */

#logo {
    margin: 50px 0 20px 0;
}


#logo a {
    border: none;
    background: none;
    text-decoration: none;
    color: #FFFFFF;
}
#logoimg {
    width: 95%;
    margin: 0 auto 0 13%;
    max-width: 170px;
}

/* Menu */

#menu {
    width: 940px;
    height: 56px;
    margin: 0px auto;
    padding: 0px 20px 0px 20px;
    background: #FF9F04;
}

#menu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
}

#menu li {
    float: left;
}

#menu a {
    display: block;
    float: left;
    height: 56px;
    margin: 0px;
    padding: 0px 30px 0px 30px;
    line-height: 56px;
    letter-spacing: -1px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 125%;
    font-weight: normal;
    color: #FFFFFF;
    border: none;
}

#menu_wrapper ul li ul li a {
    color: #000000;
    font-weight: bold;
    text-shadow: 0px 0px 4px #ffffff;
    text-transform: uppercase;
}

#menu_wrapper ul li ul li a:hover {
    text-decoration: underline;
    color: #3a3a3a;
    text-shadow: 0px 0px 4px #dedddd;
}

#menu .current_page_item a {
    color: #b1b1b1;
}

#menu a:hover {
    text-decoration: underline;
    color: #999999;
}

.activeparent {
     color: #b1b1b1 !important;
}
.currentpage {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow: 0px 0px 4px #000000 !important;
}

#menu_wrapper ul li ul li ul li {
    padding-bottom: 10px !important;
    padding: 1px !important;
    line-height: 10px !important;
    margin-bottom: 10px !important;
}


/*  Section  */
section {
    display: block;
}
#section1 {
    height: calc(130vw / 2);
    margin-top: 40px;
}
#section2 {
    padding-right: 5%;
}

#section3 {
    margin-bottom: -20px;
}
.homeSection1 {
    background: #ffffff url(../../uploads/matt/Matt_Parish_5267.jpg) no-repeat center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#ServicesSection1 {
    height: calc(80vw / 2);
    padding-top: 40px;
}
#ConsultingSection1 {
     height: calc(130vw / 2);
     padding-top: 40px;
}
#ConsultingSection1 p {
     color: #ffffff;
     font-size: 160%;
}

#ConsultingSection2 a:hover {
     color: #E1D29F;
}

#ConsultingSection2 {
}

#AboutSection1 {
    height: calc(135vw / 2);
    color: white;
    font-size: 140%;
}
#AboutSection2 {
    padding-right: 5%;
}

#AboutSection3 {
    background: #ffffff url(../../uploads/matt/Sweet_Candy_5711.jpg) no-repeat center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: 54vw;
    margin-bottom: -25px;
}
#ClientSection {
    margin-top: 40px;
    margin-bottom: -35px;
}
#ContactSection {
    margin-top: 40px;
}
#ContactSection2 {
    margin-bottom: -14px;
}

.doubleImage {
       width: 100%;
}
.doubleImage img {
       width: 50%;
}


/* Page */

#page {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    min-height: 90vh;
}

.wrapper-width {
    /* max-width: 980px; */
}
#page-bgtop {
}

#page-bgbtm {
    margin: 0px;
    padding: 10px 10px 0px 10px;
}

#home_spacer {
    height: 200px;
}

/* Content */

#content {
    float: right;
    width: 80%;
    padding: 0px 0px 0px 20px;
    /* margin-bottom: 50px; */
    /* line-height: 30px; */

}

.links {
    display: block;
    width: 96px;
    padding: 2px 0px 2px 0px;
    background: #A53602;
    text-align: center;
    text-transform: uppercase;
    font-size: 100%;
    color: #FFFFFF;
}

/* Sidebar */

#sidebar {
    float: left;
    width: 18%;
    padding: 0px 0px 0px 0px;
    position: fixed;
    background-color: rgba(255,255,255,0.5);
    /* min-height: calc(100% - 180px); */
     height: 100%;
}

#sidebar ul {
    margin: 0;
    padding: 10px;
    list-style: none;
}

#sidebar li {
    margin: 0;
    padding: 0;
}

#sidebar li ul {
    margin: 0px 0px;
    padding-bottom: 30px;
}

#sidebar li li {
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 90%;
    border-bottom: 1px solid rgb(169, 168, 168);
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
    text-align: center;
}
#sidebar li li:nth-child(1) {
    box-shadow: 0px -20px -20px 0px rgba(0,0,0,0.1);
}

#sidebar li li span {
    display: block;
    margin-top: -20px;
    padding: 0;
    font-size: 100%;
    font-style: italic;
}

#sidebar h2 {
    height: 38px;
    margin-bottom: 20px;
    padding: 12px 0 0 0px;
    border-bottom: 1px solid #B6BFD0;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 125%;
    color: #FFB105;
}

#sidebar p {
    margin: 0 0px;
    padding: 0px 20px 20px 20px;
    text-align: justify;
}

#sidebar a {
    border: none;
}

#sidebar a:hover {
    text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
    padding: 20px;
}

#calendar table {
    width: 100%;
}

#calendar tbody td {
    text-align: center;
}

#calendar #next {
    text-align: right;
}

/*  Fonts  */
.font100 {
    font-size: 100%;
}
.font120 {
    font-size: 120%;
}
.font140 {
    font-size: 140%;
}
.font160 {
    font-size: 160%;
}
.font180 {
    font-size: 180%;
}
.font200 {
    font-size: 200%;
}
.bold {
     font-weight: bold;
}

.email_links {
    color: #cccccc;
    text-direction: none;
}

/* Footer */

#footer P {
    line-height: 100%;
} 

#footer {
    width: 100%;
    height: 200px;
    /* margin-left: 18%; */
    /* margin: 0px auto 0px 18%; */
    background-color: #000000;
    color: #ffffff;
    font-size: 90%;
    /* bottom: 0px; */
    display: block;
    /* position: fixed; */
    z-index: 99;
}

/*  Footer Left  */
#footer_left {
    float: left;
    text-align: left;
    width: 30%; 
}
#footer_left {
    margin: 50px 0 0 1.5%;
}
#footer_title_left {
    font-size: 120%;
    text-transform: uppercase;
    /* margin-bottom: 9%; */
}
#footer_matt_name {
    
}
#footer_matt_title {
    
}
#footer_trademark {
    
}

/* Footer Center */
#footer_center {
    float: left;
    text-align: center;
    width: 30%; 
    padding: 75px 0px 0 0;
}
#footer_logo {
    
}
#footer_logo_img {
    width: 175px;
}


/*  Footer Right  */
#footer_right {
    float: right;
    text-align: right;
    width: 30%; 
    margin: 50px 1.5% 0 0;
}
#footer_title_right {
    font-size: 120%;
    text-transform: uppercase;
   /* margin-bottom: 8%; */
}
#footer_email a {
    color: #ffffff;
}
#footer_phone {
    
}
#footer_url {
    
}

.underline  {
     text-decoration: underline;
}

.home_title {
     height: 100vh;
}
.title_title {
    font-size: 170%;
    margin-bottom: 1px;
}
.title_desc {
      font-size: 120%;
}

.vintureDesc {
    background: url(../../uploads/matt/Home4.jpg) no-repeat center top;
    background-size: auto 600px;
    height: 400px;
    color: #ffffff;
    padding: 80px 100px 0 100px;
}

.venture_font {
    text-align: center;
    font-size: 400%;
    font-family: Trajan;
}

.dictDesc {
    font-size: 150%;
}

.venture_font_basic {
    font-family: Trajan;
}

#aboutTop {
    width: 34%;
    line-height: 30px;
    font-family: PTSans;
    /* font-size: 130%; */
    margin-top: 40px;
}
#aboutTop p:nth-child(2) {
    margin-top: 20px;
}
.about2Text {
    color: #ffffff;
    width: 43%;
    padding: 50px 1px 1px 1px;
    font-style: italic;
    font-size: 140%;
    text-align: left;
    font-family: PTSans;
    margin: 0 0 15px 3%;
    line-height: 25px;
}
.VintureText {
    font-family: Castellar;
    font-size: 120%;
}

.servicesImage {
  background-image: url("/uploads/matt/Lula_Cellars_5430.jpg");
}
.aboutImage {
  /* The image used */
  background-image: url("../../uploads/matt/Matt_Parish_5227.jpg");
}
.consultingImage{
  /* The image used */
  background-image: url("/uploads/matt/Matt Parish - Wines-5678.jpg");
}


.bg-image {
  /* Add the blur effect */
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  
  /* Full height */
  height: 500px;

  z-index: 2;
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Position text in the middle of the page/image */
.bg-text {
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
    color: white;
    font-weight: bold;
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 35%;
    left: 58%;
    transform: translate(-50%, -50%);
    z-index: 3;
    padding: 20px;
    text-align: center;
}
.bg-text-bo {
    color: black;
    padding: 20px;
    text-align: left;
    position: relative;
    width: 80%;
    margin: 0 40px 0px 40px;
}
.bg-text-box a {
    color: black;
    text-decoration: none;
}
.bg-text-box a:hover {
    color: black;
    text-decoration: underline;
}


.bg-text-box {
    background-color: rgba(0,0,0, 0.4);
    color: black;
    font-weight: bold;
    border: 3px solid #ffffff;
    transform: translate(0%, 0%);
    z-index: 3;
    padding: 20px;
    text-align: center;
    position: relative;
    width: 80%;
    margin: 10px 0 10px 40px;
    background-image: url("../../uploads/matt/PinotNoir-5508.jpg");
    background-size: 150%;
}
.red {
   color: red;
}


#contactWrapper {
     width: 100%;
    display: block;
    color: black;
}

#contactLeft {
    width: 65%;
    float: left;
    display: block;
    color: black;
    max-width: 600px;
}
#contactRight {
    width: 25%;
    float: left;
    display: block;
    color: #757575;
    padding-top: 50px;
    padding-left: 25px;
}

.contactLink {
    color: #cccccc;
}

.divTable{
    display: table;
    width: 100%;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.divTableCell, .divTableHead {
    border: 0px solid #999999;
    display: table-cell;
    padding: 5px 15px 5px 0;
    width: 50%;
}
.divTableDoubleCell, .divTableHead {
    border: 0px solid #999999;
    display: table-cell;
    padding: 5px 15px 5px 0;
    width: 50%;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}
.gform_footer {
    text-align: center;
    padding: 10px;
}


.gfield_label {
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.3;
    clear: both;
    font-weight: 700;
    font-size: inherit;
}
.gfield_required {
    color: #790000;
    margin-left: 4px;
}

.ginput_container input, .ginput_container textarea {
    padding: 1.2em 0.25em 1.2em 1em;
    margin: 0;
    width: 100%;
    font-size: 85%;
    background-color: #ecebeb;
    border: 1px solid #353535;
    border-radius: 3px;
}
.phone {
    width: 15% !important;
}



.btn-pill {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    font-size: 120%;
    line-height: 2.25em;
    padding: 0.125em 1.5em 0;
    position: relative;
    outline: 0 none;
    white-space: nowrap;
    transition: all .25s ease-in-out;
}
.btn-gray {
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #000000;
}

.btn-gray:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}

.alignTop {
    vertical-align: top;
}

.copyright {
    margin-top: 10px;
    color: #929292;
    font-size: 75%;
}

#instagram_logo {
    border: 0px;
    width: 25px;
}
#facebook_logo {
    border: 0px;
    margin-right: 10px;
    width: 25px;
}

#VintureDefinition {
    background-image: url(../../uploads/matt/Home4.jpg);
    /* position: absolute;
    top:20vh;
    left:25vw; */
    width:65vw;
    /* font-size: 75%; */
    /* background-color: green; */
    color: white;
    /*-khtml-opacity:0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter : alpha(opacity=0);
    opacity : 0; */
    padding:20px;
    border-style:solid;
    border-radius:15px;
    border-color:#bbd8b3;
    transition:all 1s;
    -webkit-transition:all 1s;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.popupTitle {
    font-family: sans-serif;
    color: #cccccc;
    font-size: 110%;
    line-height: 1px;
    padding-top: 10px;
}

#VintureSection {
    background: #ffffff url(../../uploads/matt/Home4.jpg) no-repeat left top;
    height: calc(100vw / 2);
    /* margin-top: 40px;     */
    padding: 10px 0 0 10%;
    color: #ffffff;
    font-size: 120%;
}

#DefVentureDict {
    font-size: 200%;
    font-weight: bold;
}

#DefVentureTitle {
    margin-top: 15px;
    font-size: 280%;
    font-family: Castellar;
}

.font-sans-serif {
    font-family: sans-serif;
}
.font-Calibri {
    font-family: Calibri;
}
.font-MyriadPro {
    font-family: MyriadPro;
}
.font-myriadpro-light {
    font-family: myriadpro-light;
}
.font-Trajan {
    font-family: Trajan;
}
.font-Niconne {
    font-family: Niconne;
}
.font-PTSans {
    font-family: PTSans;
}
.font-Merienda {
    font-family: Merienda;
}
.font-Almendra {
    font-family: Almendra;
}
.font-GreatVibes {
    font-family: GreatVibes;
}
.font-Castellar {
    font-family: Castellar;
}
.font-Safari {
    font-family: Safari;
}



.wpb_wrapper {
    box-sizing: border-box;
}
.contact_h3 {
    text-align: center;
	letter-spacing: 0;
    text-transform: none;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 35px;
}
address {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}
address div {
    border-bottom: solid 1px #ddd;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 300;
}
address div strong {
    display: inline-block;
    display: inline-block;
    width: 60px;
}
b, strong {
    font-weight: bold;
}
element.style {
    text-align: left;
    border-bottom: solid 1px #ddd;
    border-bottom-color: #222;
    display: block;
    border-bottom: solid 1px #222;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 300;
}


address div a {
    color: #E1D29F;
    text-decoration: none;
}
a, a:hover, a:active, a:focus {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    outline: 0;
}
a {
    color: #333;
    text-decoration: none;
    background: transparent;
}

.clear {
    clear: both;
    height: 0px;
}


#insta-wrapper {
    margin-top: 50px;
}


/*  Hamburger Menu    */
#menu_wrapper, #menuToggle {
  /* padding: 5px; */
  text-align: center;
}

#menu_wrapper{
/*  padding: 50px; */
  display: none;
}
#menuToggle
{
  display: block;
  position: relative;
    margin-bottom: 20px;
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  margin-left: 15px;
  position: relative;
  
  background: #4c4c4c;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}