/*!
Theme Name: CP-Corporate
Theme URI: http://underscores.me/
Author: Alex Grin
Author URI: https://grin-graphics.github.io/
Description: Centrepiece Corporate theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cp-corporate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CP-Corporate is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/

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,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* CSS RESET FINISH */

/*.quotes h1 {
     font-family: 'avenir';
 width: 100%;
  text-align: center;
  margin-top:50px;
  color:hsla(360, 45%, 95%, .9);
 
  letter-spacing: .8em;
  font-size:2.5vw;
  font-weight: normal;
  opacity: .2;
  text-transform: uppercase;
  text-shadow: hsla(0, 45%, 5%, .3) 0 0 1px, hsla(360, 55%, 95%, .3) 0 -1px 2px,  hsla(0, 45%, 5%, .3) 0 -1px 2px, hsla(360, 55%, 95%, .3) 0 20px 15px;
  
}
section {
        width: 60%;
        margin: 70px auto;
   
}
cite img{
  padding: 15px;
  background: white;
  width: 120px;
  height: auto;
  margin:0 auto;
}
cite span{
  margin-bottom: 10px;
}
cite{
  width: 100%;
  display: flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
  padding: 10px;
}

 Simple Slider 
.white-back{
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        background: #fff;
}
.simple blockquote p {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: black;
        padding: 25px;
        font-size: 1.25em;
        font-style: italic;
        text-align: center;
}
.simple cite {
        font-size: 0.5em;
        float: right;
        font-style: normal;
        color: blue;
}
.simple cite a {
        color: #2d91c2;
        font-style: italic;
        text-decoration: none;
        font-size:.85em;
}
.simple cite a:hover {
        color: #00B4CC;
}*/
/* A custom cursor to let folks know they can drag things */



/* Bubble Slider */
/*
.bubble blockquote {
        margin: 10px 10px 0;
        background: #1b1b1b;
        padding: 60px;
        position: relative;
        border: none;
        border-radius: 8px; 
        font-size: 1.25em;
        color:white ;
        font-family: avenir;
}
.bubble blockquote:before, .bubble blockquote:after {
        content: "\201C";
        position: absolute;
        font-size: 90px;
        padding: 10px;
        line-height: 1;
        color: white;
}
.bubble blockquote:before {
        top: 0;
        left: 10px;
}
.bubble blockquote:after {
        content: "\201D";
        right: 10px;
        bottom: -.5em;
}
.bubble cite {
        padding-left: 20px;
        font-size: 1em;
  color:#f7f7f7;
      font-family: 'narrow';
}*/
.bubble{
    background: green;
}
*{
    font-weight: 100;
}
.initiallyHidden { display: none; }
@font-face {
    font-family: 'avenir';
    src: url('font/Avenir.otf');
}
@font-face {
    font-family: 'koch';
    src: url('font/Koch.ttf');
}
@font-face {
    font-family: 'narrow';
    src: url('font/Narrow1.ttf');
}

::-webkit-scrollbar-track
{
    border: 1px solid black;
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 15px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #111;	
}

body {
    font-family: 'Anonymous Pro', monospace;    
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;
}
#cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #343434;
}
.nav-bar li {
    text-decoration: none;
    list-style: none;
    float: left;
}
.mobile-show{
    display: none;
}
.aqua {
    color: #86BBD8;
    transition: 1s;
    text-decoration: underline;
}
.logo {
    position: absolute;
    width: 210px;
    height: 210px;
    background: black;
    border-radius: 50%;
    top: 30%;
    left: 3%;
    background-image: url("img/logo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    border-bottom: 1px solid #343434;
    transition: 1s ease-in;
}
.logo:hover {
    opacity: 0.6;
}
.git:hover {
    border: 1px solid #f5f589;
}
.nav-bar ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: auto;
    float: right;
    margin: 0 50px 0 0;
    z-index: 100;
    text-transform: uppercase;

}
.git {
    border: 1px solid white;
    padding: 18px 15px;
}
.git-2{
    border: 1px solid white;
    padding: 18px 15px; 
display: flex;
    justify-content: space-between;
    flex-direction: column;
}
li a {
    text-decoration: none;
    width: 130px;
    color: #f5f5f5;
    padding: 0 20px;
    transition: 1s;
    font-family: 'koch', sans-serif;
    text-align: center;
    letter-spacing: 3px;
}
a:hover {
    color: #f5f589;
}
.aqua:hover {
    color: #f5f589;
}
iframe{
    padding-top: 100px;
    width:1250px; 
    height:703px;
}
.content {
    height: 10000px;
}
.flex {
    display: flex;
    justify-content: space-between;
    width: 80px;
}
.margin-r{
    margin-right: 18px;
}
.ico {
    padding: 0;
}
.nav-bar {
    width: 100%;
    height: 100px;
    background: #1b1b1b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #343434;

    z-index: 5;
}

.wpcf7-form p {
    width: 100%;
    padding: 0;
    margin: 0;
}
.wpcf7-form-control-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0;
}
input[type=date]{
    margin-top: 30px;
    height: 24pt;
    width: 15%;
}
.wpcf7-form textarea{
    height: 240px;    
}




.section {
    font-family: 'koch', sans-serif;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: center;
}
.section h1 {
    font-size: 50pt;
}
#img-one, #img-two, #img-three, #img-four, #img-five, #img-six{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: #1b1b1b;
    height: 800px;
}
/*#img-one {
    height: 800px;
    background-size: 100%;
}
#img-two {
    height: 630px;
    background-size: 100%;
}
#img-three {
    height: 720px;
    background-size: 100%;
}
#img-four {
    height: 660px;
    background-size: 100%;
}
#img-five {
    height: 810px;
    background-size: 100%;
}
#img-six {
    height: 790px;
    background-size: 100%;
}*/
h1 {
    font-size: 19pt;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    color: white;
}
.title {
    font-size: 20pt;
}
.blurb {
    height: auto;
    width: 100%;
    background: #1b1b1b;
    padding: 35px 0;
}
.centre {
    display: flex;
    justify-content: center;
    align-items: center;
}
.large{
    padding-bottom: 155px;
    display: flex;
    justify-content: center;
}
.padding-nill{
    padding:0;
}
.row{
    flex-direction: row;
}
.large-spacer{
    height: 193px;
    opacity: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bound h1 {
    font-family: 'koch', sans-serif;
    letter-spacing: 3px;
    opacity: 0;
    text-transform: uppercase;
    line-height: 50pt;
}
.bound h4{
    opacity: 0;
    font-size: 15pt;
    line-height: 30px;
    font-family: "Arial Narrow", Arial, sans-serif;
}
.tesimonial-content{
    color: white;
}
.testimonial-heading{
    display: none;
}
.testimonial h5{
    font-size: 12pt;
    margin-top: 10px;
    font-family: 'avenir';
}
.testimonial h4{
    font-family: 'avenir';
    margin: 10px 70px;
    font-size: 13pt;
    font-size: 12pt;
}
.testimonial .name{
    width: 100%;
    display: flex;
    justify-content: center;
}
.six{
    justify-content: flex-start;

}

.six,.nine{
    font-size: 5.5vw;
    width: 100%;
    height: 70px;
    margin:0;
    display: flex;
    font-family: initial;
}
.nine{
    justify-content: flex-end;
}
.last-child .spacer:last-child{
    display: none;
}
.last-child{
}
.border{
    border-top: 1px solid #343434;
    border-bottom:1px solid #343434;
    padding: 10px 0;
    font-size: 23pt;
}
.testi{
    color: black;
    font-size: 12pt;
}
.testimonial-hold{
    z-index: 1;
    width: 260px;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    min-height: 590px;
    margin-top: 40px;
    color: black;
    width: 33.33%;
}
.testimonial-hold h6{
    color: black;
}
.testi-spacer{
    width: 80%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity:0;
}
.testimonial-hold h4{
    margin: 20px 20px;
    font-size: 12pt;
    line-height: 25px;
    text-align: initial;
}
.testimonial-hold h5{
    opacity: 0;
    margin: 10px 20px;
    text-align: center;
    font-size: 11pt;
    font-family: "Arial Narrow", Arial, sans-serif;
}
.testimonial-hold h6{
    margin: 0 18px;
    font-size: 12pt;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
}
.testi-cont{
    width: 74%;
    height: 100%;
    background: white;
    font-size: 12pt;
}

.testimonial-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.testi-spacer .line{
    width: 50%;
}
.testi-cont h6{
    margin: 0 15px;
}
.testi-cont img{
    margin-top: 15px;
    max-width:95%;
    height:auto;
    filter: grayscale(100%);
}
.bound {
    width: 60%;
    height: auto;
    color: white;
    text-align: center;
}
.bound img{
    opacity: 0;
}
.bound p {
    opacity: 0;
    padding: 20px;
    font-size: 15pt;
    line-height: 35px;
    font-family: "Arial Narrow", Arial, sans-serif;
}
.social-media-ico {
    display: flex;
    justify-content: center;
    width: 100%;
}
svg:hover path {
    fill: #f5f589;
    border: 2px solid #dadada;
    border-radius: 7px;
}
path {
    fill: #f5f5f5;
    transition: 1s;
}
.spacer {
    opacity: 0;
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.line {
    height: 1px;
    width: 90%;
    background: #f5f5f5;
}
p {
    font-family: "Arial Narrow", Arial, sans-serif;
    letter-spacing: 1px;
}
.column {
    flex-direction: column;
}
.capa-cont{
    width: 260px;
    height: 260px;
    background: green;
}
.qtown-cont{
    width: 260px;
    height: 400px;
    opacity: 0;
}
.qtown-hold{
    width: 55%;
    flex-direction: row;
}
.qtown-hold img{
    width: 100%;
    height: 100%;
}

.white{
    color: white;
}
.bound h6 {
    opacity: 0;
    margin-bottom: 0;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 11pt;
}
.shadow {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.space-around{
    justify-content: space-around
}
.gallery {
    height: 810px;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.post-edit-link{
    font-family: "Arial Narrow", Arial, sans-serif;
    color: blue;
    font-size: 10pt;
}
.post-edit-link:hover{
    color: blueviolet;
}
.gallery-split {
margin: 0 15px;
    width: 600px;
    height: 810px;
    max-height: 810px;
    display: flex;
    justify-content: space-between;
}
.gallery-img-1 img,.gallery-img-2 img,.gallery-img-3 img,.gallery-img-4 img,.gallery-img-5 img,.gallery-img-6 img{
    width: 100%;
    height: 100%;
}
.gallery-img-1 {
    width: 600px;
    height: 810px;
}
.gallery-img-2 {
    width: 600px;
    height: 280px;
}
.gallery-img-3 {
    width: 600px;
    height: 475px;
}
.gallery-img-4 {
    width: 600px;
    height: 810px;
}
.gallery-img-5 {
    width: 600px;
    height: 375px;
}
.gallery-img-6 {
    width: 600px;
    height: 375px;
}
.col {
    display: block;
    float: left;
}
.col:first-child {
    margin-left: 0;
}

/*  GROUPING  */
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.wpcf7{
    width: 100%;
}
.what-event,.budget-radio{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.what-service{
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}
.what-service .wpcf7-list-item{
    width: 25%;
}
.budget-radio .wpcf7-list-item{
    font-size: 12pt;
    width: 20%;
    margin: 0;
    padding: 0;
}
.wpcf7-list-item{
    width: 20%;
    margin:0;
    padding: 25px 0;
    height: min-content;
    display: flex;
    align-items: center;
    font-family: avenir;
    font-size: 10pt;
}
.wpcf7-list-item *{
    margin: 0;
    padding: 0;
}
span.wpcf7-list-item{
    margin: 0;
} 
.wpcf7-form-control-wrap{
    width: 100%;
}
.wpcf7-form-control{
    width: 100%;
}
.group {
    zoom: 1; /* For IE 6/7 */
}
.span_1_of_3 {
    width: 33.33%;
}
.span_1_of_4{
    width: 25%;
    float: left;
}
@media only screen and (min-width: 3000px) {
    .team-hold{
        width: 540px;
        height: 540px;
    }    
    .team-hold img{
        width: 100%;
        height: auto;
    }
}


.section h1{
    text-align: center;
    letter-spacing: 8px;
    line-height: 85px;
    margin-bottom: 100px;
}
.col img {
    display: block;
}
.col {
    height: auto;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.col p {
    padding: 10px;
}
.git-seperator:last-child{
}
.git-seperator p{
    margin-top: 20px;
    text-decoration: none;
    width: 350px;
    color: #f5f5f5;
    padding: 20px;
    font-family: 'koch', sans-serif;
    text-align: center;
    letter-spacing: 3px;
    cursor: pointer;
	oapcity: 1;
    text-transform: uppercase;
}
.git-seperator span{
    font-size: 9px;
    font-family: avenir;
}
.git-seperator p:hover{
    color:#f5f589;
}
#git-split {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
}
#git-cont{
    flex-direction: column;
    width: 475px;
    height: 339px;
    display: flex;
    justify-content: center;
}
.git-seperator h5{
    font-family: avenir;
    text-align: initial;
    margin: 0 0 15px 0;
}
.git-seperator{
    width: 100%;
    height: auto;
}
#auto{
width: auto;
}
#map{
    width: 475px;
    height: 339px;
    background-color: grey;
    z-index: 1;
}
.fourzerofour{
    background:#1b1b1b;
    height: 1000px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fourzerofour h1{
    font-size: 110pt;

    font-family: 'koch', sans-serif;

}
.fourzerofour a{
    font-size: 25pt;
    font-family: 'koch', sans-serif;
    text-align: center;
    letter-spacing: 3px;
    text-decoration: none;
    color: white;
}
.fourzerofour .blurb{
    display: flex;
    justify-content: center;
    font-family: "Arial Narrow", Arial, sans-serif;
}
.fourzerofour a:hover{
    color: #f5f589;
}

.wpcf7-form{
    width: 100%;
    font-family: "Arial Narrow", Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.wpcf7-form p{
    font-family: 'Avenir', sans-serif;
    font-size: 24pt;
    text-align: center;
    margin: 20px 0;
}
.wpcf7-form p{
    opacity: 1;
    padding: 8px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}
.wpcf7-form textarea{
    width: 80%;
    height: 240px;
    font-size: 18pt;
    font-family: 'Avenir', sans-serif;
}
.wpcf7-form input[type=text],.wpcf7-form input[type=email]{
    width: 80%;
    height: 24pt;
    font-size: 18pt;
    font-family: 'Avenir', sans-serif;
}
.wpcf7-form p:first-child{
    padding: 0px;
}
[name=your-name],[name=your-email]{  
    width: 100%;
    height: 32px;
}
[name=your-message]{
    height: 100px;
    width: 100%;
    resize: none;
}
input::placeholder {
    font-family: 'Avenir', sans-serif;
}
input[type=submit] {
    width: 190px;
    height: 45px;
    color: black;
    background-color: white;
    border: none;
    display: block;
    align-content: flex-end;
    cursor: pointer;
}
.form-spacer {
    width: 100%;
    margin-top: 20px;
}
.col-3 {
    width: 25%;
    height: auto;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#jet {
    background-color: #343434;
}
.insta {
    height:auto;
}
footer {
    width: 100%;
    background-color: #1b1b1b;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: white;
}
footer h4 {
    font-size: 14pt;
    font-family: 'Avenir', sans-serif;
}
footer h6 {
    padding-top: 17px;
    font-family: 'Merriweather', serif;
    font-size: 8pt;
}
.gradient{
    background:linear-gradient(45deg,#95FD48,#19E9A6);
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1b1b1b;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1001;
    -webkit-animation: AnimationName 8s ease infinite;
    justify-content: center;
}

#overlay-content {
    position: absolute;
    width: 360px;
    height: 90px;
    padding: 16px;
    z-index: 1002;
}
.hidden {
    opacity: 0;
}
.none{
    display: none;
}
.visible {
    opacity: 1;
}
.team-hold{
    width: 260px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.team-hold img{
    width: 100%;
    height: auto;
}
.floral-hold img{
    width: 90%;
    height: auto;
}
.floral-hold{
    width: 220px;
    height: 275px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.spinner1 {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 4px double;
    border-radius: 50%;
    border-color: transparent rgba(0, 0, 0, .3) rgba(0, 0, 0, .3);
    animation: spin 600ms infinite linear;
}
#git-split div{
margin: 0 15px;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.git-3{
display: none;
}


@media only screen 
and (max-device-width: 480px){
.testi-spacer,.large-spacer,.bound h1,.bound h4,.testimonial-hold h5,.bound img,.bound p,.spacer,.qtown-cont,.bound h6{
opacity:1;
}
.git-3{
display: flex;
}
.wpcf7-form p{
width: auto;
}
#submit{
    width: 190px;}
#git-cont{
display: flex;
justify-content: center;
align-items: center;
}
.git-2{
	opacity: 1;

width: 50%;
}
.git-seperator h5{
width: 80%;
}
.git-seperator{
width: 80%;
}
#git-split div{
margin: 0;
}

.shadow{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
	#img-one,#img-two-#img-three,#img-four,#img-five,#img-six{

		    margin-bottom: 0;
	background-size: 100% auto;

	}

.gallery-img-1, .gallery-img-2, .gallery-img-3, .gallery-img-4, .gallery-img-5,.gallery-img-6{
width:100%;
height: auto;
}
.git-seperator p{
width: 90%;
}
.bound .git-seperator p{
padding: 0;
}
.git-slide *{
padding-left:0;
padding-right: 0;
}
    #git-split{
        flex-direction: column-reverse;
        height: auto;
        width: 100%;
padding: 0;
    }
.budget-radio{
flex-wrap:wrap;
}
.budget-radio .wpcf7-list-item{
width: 30%;
}
    #map{
        width: 100%;
    }
    #git-cont{
        margin: 25px 0;
        width: 100%;
        height: min-content;

    }
    .git-seperator:last-child{
        padding: 25px 0;
        justify-content: space-between;
        display: flex;
flex-direction: column;
height: auto;
    }
    .testimonial-content h4{
        font-size: 10pt;
    }
    .testimonial-content h5{
        font-size: 3vw;
    }
.testimonial h4{
margin: 0;

}
.qtown-hold{
width:90%;
justify-content: space-between;
}
.qtown-cont{
width: 33%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
    .qtown-hold img {
        padding-top: 0;
        width: 90%;
        height: auto;
    }
    iframe{
        width: 100%;
            height: 202px;
    }
    .col{
        height: auto;
    }
    .section{
        height: 420px;
    }
    .team-hold img{
        width: 90%;
        height: auto;
    }
    .team-hold{
        width: 100%;
        height: auto;
    }
    .insta{
        height: auto;
    }

    .team-hold img, .floral-hold img{
        width: 90%;
        height: auto;
    }
    .span_1_of_4 img{
        width: 80%;
        height: auto;
    }
.gallery{
width:100%;
height: initial;
}
.gallery-split{
height: auto;
}
    .gallery-img-1,.gallery-img-2,.gallery-img-3,.gallery-img-4,.gallery-img-5,.gallery-img-6{
        width: 100%;
margin-top: 15px;
    }
    .wpcf7-form input, .wpcf7-form textarea{
        padding: 0px;
        margin: 0px;
    width: 100%;
    }
.pcf7 *{
outline: 1px solid red;
}
    .wpcf7{
        width:100%;
    }
    footer h4 {
        font-size: 10pt;
    }
    footer h6{
        font-size: 8pt;
    }
    .form-norm{
        width: 100%;
        text-align: left;
    }
    .mobile-hidden{
        display: none;
    }
    .nav-bar ul{
        display: none;
    }

    .mobile-show{
        display: inline;
    }
    .nav-bar{
        position: relative;
display: flex;
justify-content: center;
    }
    .logo{
        position: relative;
        margin: 0;
        width: 120px;
        height: 120px;
margin-top: 70px;
    }
    #img-one, #img-two, #img-three, #img-four, #img-five, #img-six{
        z-index: 1;
        height: 390px;
        background-size: 100%;
    }
    .margin-t{
        margin-top: 100px;
    }
    .section h1{
        font-size: 18pt;
        text-align: center;
margin-bottom: 0;
    line-height: 50px;
    }
    .blurb h1{
        font-size: 18pt;
    }
    .bound{
        width: 100%;
    }
    .blurb p{
        line-height: 30px;
        font-size: 14pt;
    }
    .credit{
        font-size:20pt;
    }
    .line{
        width: 50%;
    }
    .gallery-img-1{
        display: none;
    }
    .gallery-img-4{
        display: none;
    }
    .floral-hold{
	width: 100%;
        flex-direction: column;
height: auto;
    }
    .gallery{
        width: 100%;
        justify-content: center;
    }
    .git-split{
        width: 100%;
        justify-content: center;
    }
    footer{
        background-color: #343434;
    }
}






.hamburger-shell {
    margin-bottom: 10px;
    margin: 0;
    position: fixed;
    overflow: hidden;
    width: 70px;
    height: 100px;
    overflow: auto;
    left: calc(100% - 100px);
    top: 20px;
}


#menu {
    position: fixed;
    left: calc(100% - 292px);
    top: 10px;
    color: black;
    display: none;
    margin: 120px 30px;
    text-decoration: none;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: 100;
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
    padding: 24px;
    width: 200px;
    text-align: right;
}
#menu a li {
    text-decoration: none!important;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid black;
    list-style: none;
    color: #555;
    transition: all 150ms ease;
}

#menu a li:hover {
    color: #00abff;
    padding-right: 3px;
}

#menu a li:hover:after {
}
.top, .middle{
    position: absolute;
    width: 62px;
    height: 10px;
    background-color: #f5f5f5;
    transition: all 350ms ease-in-out;
    top: 20px;
}

.middle {
    top: 40px;
}





.rotate {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 30px;
    background-color: red;
    height: 2px;
}

.rotate-back {
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    top: 30px;
    background-color: red;
    height: 2px;
}

.top {
    -webkit-animation-delay: 100ms;
}

.middle {
    -webkit-animation-delay: 250ms;
}

.bottom {
    -webkit-animation-delay: 400ms;
}

.menu-name {
    font-family: 'avenir';
    font-weight: 900;
    color: black;
    font-size: 19.5px;
    text-decoration: none;
    position: absolute;
    top: 56px;
    left: -1px;
    transition: all 350ms;
}



#menu a {
    text-decoration: none;
}
.reveal {
    opacity: .85;
    display: block;
    pointer-events: auto;
    visibility: visible;
}





.bump {
    top: 64px;
    color: red;
}



@media only screen and (max-width: 1367px) and (min-width: 500px) {
.aqua{
width: auto;
}
iframe{
width: 960px;
height: 405pt;
}
.shadow{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.git{
padding:8px;
}
.mobile-hidden{
display: flex;
}
    .team-hold{
        width: 90%;
    }
.nav-bar{
height: 75px;
}
li a{
font-size: 7pt;
padding: 0 13px;
}
    .qtown-hold{
        width: 55%;
	display: flex;
justify-content: center;
align-items:center;
height: initial;
    }
    .qtown-cont,.capa-cont{
	display: flex;
justify-content: center;
align-items:center;
        width:100%;
        height: auto;
    }
.qtown-hold img{
width: 80%;
height: initial;
}
    .span_1_of_3 .team-hold img{
        width: 100%;
    }
    .testimonial-hold{
        width: 70%;
        height: auto;
        min-height: 200px;
    }
    .testimonial-flex{
        justify-content: center;
    }
    .testimonial-hold h4{
        font-size:13pt;
        margin: 10px 20px;
    }
    .testimonial-hold h4:last-child{
        margin-bottom: 30px;
    }
    .testimonial-hold h5{
        font-size: 12pt;
        font-weight: bold;
    }
    .testimonial-hold h6{
        font-size: 15pt;
    }
    .testi-cont{
        width: 100%;
    }
    .insta{
        height:auto;
    }
    footer{
        height:400px;
    }
    .gallery{
        width: auto;
height: auto;
    }
.gallery-split{
width: 450px;
height: 575px;
}
.gallery-split-first{
height: 540px;
}
.gallery-img-1, .gallery-img-2, .gallery-img-3, .gallery-img-4, .gallery-img-5,.gallery-img-6{
width:450px;
height: auto;
}
    .bound h4{
        margin: 0 16px;
    }
    .span_1_of_3{
            width: 33%;
        height: auto;
    }
 .span_1_of_4{
	width: 25%;
height: auto;
}
    .span_1_of_3 img, .span_1_of_4 img{
        width: 80%;
        height: auto;
    }
    body{
        background-color:#1b1b1b;
    }
.nav-bar{
	display: flex;
}
.logo{
width:120px;
height: 120px;
}
}

#initiallyShown{
    opacity: 1;
}

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

.nav-bar ul{
display: none;
}
.nav-bar{
display: flex;
position: initial;
justify-content: center;
align-items:center;
}
.logo{
position: initial;
margin-top: 50px;
}
.gallery{
width: 100%;
height: auto;
display:flex;
justify-content: space-between;
flex-direction: column;
}
.gallery-img-1,.gallery-img-2,.gallery-img-3,.gallery-img-4,.gallery-img-5,.gallery-img-6{
width: 100%;
height: auto;
padding-top: 15px;
}
iframe{
width: 450px;
height: 254px;
}
.team-hold,.floral-hold{
height: auto;
}
.floral-hold{
width: 100%;
}
.floral-hold img{
width: 90%;}
#git-split{
flex-direction: column-reverse;
padding:0;
}
h1{
font-size: 14pt;
}
footer h4{
width: 80%;
text-align:center;
}
#map{
width: 100%;
}
.budget-radio{
flex-wrap:wrap;
}
.budget-radio .wpcf7-list-item{
width: 30%;
    padding-top: 15px;
}
input[type=date]{
width: 120px;
}
.section h1{
font-size: 43pt
}

}/* tablet media query end */


@media only screen 
  and (max-device-width: 1281px){
	.nav-bar ul{

}

}