nav/**
 * Content
 */

body {
	background-color: #27e499;
	color: transparent;
}

a:active {
	opacity: .5;
}

.page a.active {
	opacity: .5;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;    
}

ul,
ol {
    list-style-type: none;
	margin: 0;
	padding: 0 0 0 0em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    padding-top: 0.5vh;
    padding-bottom: 1vh;
    font-size: 1.2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
    background-color: transparent;
	font-family: "Archivo Narrow", Icons;
	font-style: italic;
	line-height: 1.1;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;

}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.5rem;
	font-weight: 400;
	color: rgb(0, 0, 0);
	font-family: "Archivo Narrow", Icons;
	font-style: normal;
	line-height: 1;    
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(39, 228, 153, 1);
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {
	color: rgba(96, 227, 175, 1);
}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;    
}

[data-predefined-style="true"] h1 {
	font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman Bold", Icons;
	font-style: normal;
	font-weight: 700;
	padding-top: 0px;
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.3;
	color: rgb(0, 0, 0);
		letter-spacing: .04em;
}

[data-predefined-style="true"] h1 a {
	color: rgb(0, 0, 0);

}

[data-predefined-style="true"] h1 a:hover {
	color: rgba(39, 228, 153, 1);
}

[data-predefined-style="true"] h2 {
	font-family: "Archivo Narrow", Icons;
	font-style: normal;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 1.5rem;
	line-height: 1.3;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 156, 84, 1);
}

[data-predefined-style="true"] h2 a:hover {
	color: rgba(202, 255, 227, 1);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3;
	font-family: "Archivo Narrow", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

[data-predefined-style="true"] small a {
	color: rgb(0, 0, 0);
	border-bottom-width: 0em;
}

[data-predefined-style="true"] small a:hover {
	color: rgba(139, 255, 194, 1);
}

/**
 * Breakpoints
 */

[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
    
	margin-left: auto /*!content_right*/;
	margin-right: 0  /*!content_right*/;
	text-align: auto /*!text_left*/;
}

[data-css-preset] body {
	background-color: transparent /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100% /*!content_right*/;
}

[data-css-preset] .content_padding {
	padding-top: 0.1rem/*!main_margin*/;
	padding-bottom: 0.1rem/*!main_margin*/;
	padding-left: 0.1rem/*!main_margin*/;
	padding-right: 0.1rem/*!main_margin*/;
    margin-top: 2.7rem;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
   
	justify-content: flex-start;
    text-align: center;  
}

[data-css-preset] .thumbnails {
   	background-color: #27e499 /*!thumbnails_bgcolor*/; 
    justify-content: center;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
    padding-top: 0rem;
    padding-right: 0rem;    
    padding-left: 0rem; 
}

[data-css-preset] [thumbnails-pad] {
    padding: 1rem/*!thumbnails_padding*/;

}

[data-css-preset] [thumbnails-gutter] {
    margin: 0rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.5rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: 0rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
    height: 100%;
    border: solid;
    border-width: thin;
    border-color: transparent;
    border-radius: 12px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .3rem;
    font-size: 1.2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Archivo Narrow", Icons;
	font-style: normal;
	line-height: 1.1;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    line-height: 1;
    background: rgba(255, 255, 255, 0);
    position: fixed;
	top: 3rem /*!site_menu_button*/;
	right: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;  
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: "Archivo Narrow", Icons;
	background: rgba(255, 255, 255, 0);
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	display: flex;
	justify-content: flex-start;
    position: fixed;
    top: 2.7em;    
}

body.mobile #site_menu {
	width: 30%;
}

#site_menu .page-link a {
	color: rgba(0, 0, 0, 1);
    font-size: 15px;
    text-transform: lowercase;
}

#site_menu .set-link > a {
	color: rgba(0, 0, 0, 0.75);
	font-weight: normal ;    
}

#site_menu a:active {
	opacity: 1.0;
    color: rgba(255, 255, 255, 0.75); 
}

#site_menu a.active {
	opacity: .5;
    color: rgba(0, 0, 0, 1);
}


#site_menu .close {
	display: none;
	font-size: 28px;
	color: rgba(0, 0, 0, 0.51);
    line-height: 1;
    position: fixed;
}

body.mobile #site_menu .close {
	display: block;
    position: fixed;
	font-size: 48px;
	line-height: 1;
    top: 3rem /*!site_menu_button*/;
	right: 3rem /*!site_menu_button*/;
    margin: -6px;
    font-size: 34px;
}

#site_menu .break {
	height: 1px;
}

#site_menu .indent {
	margin-left: 20px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
    color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    line-height: 1;
    background: rgba(255, 255, 255, 0);
    position: fixed;
	top: 2.5rem /*!site_menu_button*/;
	right: 8rem /*!site_menu_button*/;
    display: none;
}

#shop_button.text {
    font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman Italic", Icons;
	font-size: 1.5rem;
    padding: 0;
    line-height: 1.2;
	font-style: italic;
	font-weight: 400;
}

#shop_button:hover{
	     opacity: .5;
     transition: all .2s ease-in-out;

}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
    display:initial;
    font-size: 33.5px;
    line-height: 1;

}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
    border: solid;
    border-width: thin;
    border-color: #1ee3a1;
    padding: 10px;
    border-radius: 12px;
}

.shop_product .price {
	font-family: "Archivo Narrow", Icons;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
}

.shop_product .dropdown {
    font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman Italic", Icons;
    font-size: 1.3rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(30, 227, 161, 1);
    border-radius: 16px;
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
	font-style: italic;
	font-weight: 400;
}

.shop_product .button {
    font-family: "Archivo Narrow", Icons;
	text-transform: uppercase;
    font-size: 1.5rem;
    background: rgba(30, 227, 161, 1);
    border-radius: 16px;
    color: rgba(255, 255, 255, 1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: 10px;
	font-style: normal;
	font-weight: 700;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #58ff95;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/*
 * cursor
 */

html {
    cursor: url("http://www.rw-designer.com/cursor-extern.php?id=1034"), auto !important;
}

a {
    cursor: url("http://www.rw-designer.com/cursor-extern.php?id=1034g"), auto !important;
}

.content img {
    cursor: url("http://www.rw-designer.com/cursor-extern.php?id=1034"), auto !important;
}

.thumbnails .thumbnail > a {
    position: relative;
}

/*
 * thumbnail hover
 */

.thumbnails .thumbnail .title {
    background-color: transparent;
    padding: 0.5rem 1.2rem 0.7rem 1.2rem;
    margin: 0rem;
    color: #007d53;
    align-content: center;
    display: flex;
    position: absolute;
    left: 0rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    z-index: 9;
    opacity: 0;
}

.thumbnails .title span {
    margin: auto;
    display: inline-block;
}

.thumbnails .thumbnail:hover {
    opacity: .5;
}

body.mobile .thumbnails .thumbnail:hover .title {
    opacity: 0;
}

/*

,---.   .--.   ____    ,---.  ,---.         _______      ____    .-------.     
|    \  |  | .'  __ `. |   /  |   |        \  ____  \  .'  __ `. |  _ _   \    
|  ,  \ |  |/   '  \  \|  |   |  .'        | |    \ | /   '  \  \| ( ' )  |    
|  |\_ \|  ||___|  /  ||  | _ |  |         | |____/ / |___|  /  ||(_ o _) /    
|  _( )_\  |   _.-`   ||  _( )_  |         |   _ _ '.    _.-`   || (_,_).' __  
| (_ o _)  |.'   _    |\ (_ o._) /         |  ( ' )  \.'   _    ||  |\ \  |  | 
|  (_,_)\  ||  _( )_  | \ (_,_) /          | (_{;}_) ||  _( )_  ||  | \ `'   / 
|  |    |  |\ (_ o _) /  \     /           |  (_,_)  /\ (_ o _) /|  |  \    /  
'--'    '--' '.(_,_).'    `---`            /_______.'  '.(_,_).' ''-'   `'-'   

HAILEY GUZIK / HOME / INFO / PAINTING / MULTIMEDIA / EXHIBITIONS / SHOP / CONTACT
*/
.navHeader{
    position: fixed;
    width: 100%;
    top:0px;
    
}

.navBar {
  margin: 2.9rem;
}

.navContainer1 {
  display: inline-block;
  vertical-align: middle;
  width: 33%;

}

.navContainer1 object {
  height: auto;
  width: 330px;
}

.navContainer2 {
  	display: inline-block;
  	vertical-align: middle;
  	width: 66%;
	text-align: right;
    
}

.navContainer2 li {
	font-family: "Archivo Narrow", Icons;
  	list-style: none;
  	display: inline-block;
	padding-left: 35px;
	font-style: normal;
	font-weight: 100;   
    
}

.navUl li {
  text-decoration: none;
  text-transform: lowercase;
  font-size: 14px;
  font-weight: bold;   
}

.navUl li a {
  text-decoration: none;
  color: #000;

    
}

.navUl li a:hover {
  color: #27e499;
}


@media (max-width:650px){

.nav{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
    
.navContainer1 {
    vertical-align: top;
    flex-basis: 50%;
}

.navContainer2 {
  	vertical-align: top;
	text-align: right;    
    flex-basis: 10%;  
}
    .navUl{
	 display: flex;
    flex-direction: column;
}

.navContainer2 li {
    display: none;    
}
    
#navUl7{
        display: none;
        position: fixed;
        top: 2.7rem;
        right: 20%;
        flex-basis: 10%;
		order: -10;
        padding-bottom: 10px;
}
    
}

/* 
 ________     ,-----.        ,-----.  ,---------.    .-''-.  .-------.     
|        |  .'  .-,  '.    .'  .-,  '.\          \ .'_ _   \ |  _ _   \    
|   .----' / ,-.|  \ _ \  / ,-.|  \ _ \`--.  ,---'/ ( ` )   '| ( ' )  |    
|  _|____ ;  \  '_ /  | :;  \  '_ /  | :  |   \  . (_ o _)  ||(_ o _) /    
|_( )_   ||  _`,/ \ _/  ||  _`,/ \ _/  |  :_ _:  |  (_,_)___|| (_,_).' __  
(_ o._)__|: (  '\_/ \   ;: (  '\_/ \   ;  (_I_)  '  \   .---.|  |\ \  |  | 
|(_,_)     \ `"/  \  ) /  \ `"/  \  ) /  (_(=)_)  \  `-'    /|  | \ `'   / 
|   |       '. \_/``".'    '. \_/``".'    (_I_)    \       / |  |  \    /  
'---'         '-----'        '-----'      '---'     `'-..-'  ''-'   `'-'   

HG / DESC / COPYRIGHT / SIT NAV / STAY CONNECTED

*/

.footer{
	background-color:#e0fef2;
	color: #006539;
	font-family: "Archivo Narrow", Icons;
	font-size: 12px;
	line-height: 1.6em;	
	width: 100%;
	display: inline-block;
  	margin-top: 20px;
 	margin-bottom: 0px;
	position: relative;
	text-align: center;
	font-style: normal;
	font-weight: 400;
}

.footerColumn {
	position: relative;
	text-align: left;
}

#footerName{
	font-family: "Times New Roman Bold";
	font-size: 16px;
	font: bold;		
}

#footerColumn1 {
  	display: inline-block;
 	vertical-align: top;
  	width: 40%;
	padding: 20px;
}

#footerP {
	text-align: justify;
}

#footerHead {
	font-size: 14px;
	font-family: "Archivo Narrow", Icons;
	font-style: normal;
	font-weight: 700;
}

#footerColumn2 {
  	display: inline-block;
  	vertical-align: top;
  	width: 10%;
	padding: 20px;
}

#footerColumn3 {
  	display: inline-block;
  	vertical-align: top;
 	width: 10%;
	padding: 20px;
}

.footUl {
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

@media screen and (max-width: 1000px) {
	#footerColumn1 {
        width: 100%;
        padding-bottom: 0px;
        padding-top: 10px;
    }
    
    #footerColumn2 {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #footerColumn3 {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 40px;
    }
  
	.footUl{
		display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

	.footLi{
		padding-right: 20px;
        padding-bottom: 10px;
    }
}

/*

.-./`) ,---.   .--. ________     ,-----.            .-------.    ____      .-_'''-.       .-''-.   
\ .-.')|    \  |  ||        |  .'  .-,  '.          \  _(`)_ \ .'  __ `.  '_( )_   \    .'_ _   \  
/ `-' \|  ,  \ |  ||   .----' / ,-.|  \ _ \         | (_ o._)|/   '  \  \|(_ o _)|  '  / ( ` )   ' 
 `-'`"`|  |\_ \|  ||  _|____ ;  \  '_ /  | :        |  (_,_) /|___|  /  |. (_,_)/___| . (_ o _)  | 
 .---. |  _( )_\  ||_( )_   ||  _`,/ \ _/  |        |   '-.-'    _.-`   ||  |  .-----.|  (_,_)___| 
 |   | | (_ o _)  |(_ o._)__|: (  '\_/ \   ;        |   |     .'   _    |'  \  '-   .''  \   .---. 
 |   | |  (_,_)\  ||(_,_)     \ `"/  \  ) /         |   |     |  _( )_  | \  `-'`   |  \  `-'    / 
 |   | |  |    |  ||   |       '. \_/``".'          /   )     \ (_ o _) /  \        /   \       /  
 '---' '--'    '--''---'         '-----'            `---'      '.(_,_).'    `'-...-'     `'-..-'   
 ALL BOUT MEEEEEE :P                                                                                                  
*/

.infoMain{
	color: #003f39;
	font-family: "Archivo Narrow", Icons;
	text-align: left;
    padding: 0 2.7rem 0 2.7rem;
    position: relative;
    
}

.infoMain p{
    padding: 0;
    margin: 0;
	column-count: 1;
    text-align: justify;
    hyphens: auto;


}

.infoMain h2{
    padding-top: 2vh;
	padding-bottom: 2vh;
    text-align: left;
	font-size: 2vh;

}

/*

   ____    .-------. ,---------.         ,---.   .--.   ____    ,---.  ,---. 
 .'  __ `. |  _ _   \\          \        |    \  |  | .'  __ `. |   /  |   | 
/   '  \  \| ( ' )  | `--.  ,---'        |  ,  \ |  |/   '  \  \|  |   |  .' 
|___|  /  ||(_ o _) /    |   \           |  |\_ \|  ||___|  /  ||  | _ |  |  
   _.-`   || (_,_).' __  :_ _:           |  _( )_\  |   _.-`   ||  _( )_  |  
.'   _    ||  |\ \  |  | (_I_)           | (_ o _)  |.'   _    |\ (_ o._) /  
|  _( )_  ||  | \ `'   /(_(=)_)          |  (_,_)\  ||  _( )_  | \ (_,_) /   
\ (_ o _) /|  |  \    /  (_I_)           |  |    |  |\ (_ o _) /  \     /    
 '.(_,_).' ''-'   `'-'   '---'           '--'    '--' '.(_,_).'    `---`     
                                                                             
for painting / multimedia / exhibitions 
*/

.paintingHead{
	padding-bottom: 10px;
	border-bottom: solid;
	border-width: thin;
	color: #27E499;
	display: inline-block;
    position: relative;
  	margin-top: 20px;
 	margin-bottom: 20px;
	text-align: left;
 	vertical-align: bottom;
  	width: 100%;
    font-size: 24px;
}

#paintingNav{
	display: inline-block;
 	vertical-align: bottom;
  	width: 100%;
    padding-top: 10px;
	padding-bottom: 10px;
    position: relative;
    text-align: left; 
}

.paintingNav{
	list-style-type: none;
  	margin: 0px;
    text-align: left;
    font-size: 16px;    
}

/*

   ____    .-------. ,---------.         ,---.    ,---.   ____    .-./`) ,---.   .--. 
 .'  __ `. |  _ _   \\          \        |    \  /    | .'  __ `. \ .-.')|    \  |  | 
/   '  \  \| ( ' )  | `--.  ,---'        |  ,  \/  ,  |/   '  \  \/ `-' \|  ,  \ |  | 
|___|  /  ||(_ o _) /    |   \           |  |\_   /|  ||___|  /  | `-'`"`|  |\_ \|  | 
   _.-`   || (_,_).' __  :_ _:           |  _( )_/ |  |   _.-`   | .---. |  _( )_\  | 
.'   _    ||  |\ \  |  | (_I_)           | (_ o _) |  |.'   _    | |   | | (_ o _)  | 
|  _( )_  ||  | \ `'   /(_(=)_)          |  (_,_)  |  ||  _( )_  | |   | |  (_,_)\  | 
\ (_ o _) /|  |  \    /  (_I_)           |  |      |  |\ (_ o _) / |   | |  |    |  | 
 '.(_,_).' ''-'   `'-'   '---'           '--'      '--' '.(_,_).'  '---' '--'    '--' 
                                                                                      
body of each project in painting / multimedia / exhibitions
*/
.paintingDescription{
    text-align: left;
    position: relative;   
}

.paintingTitle{
    padding: 0rem 2.7rem .2vh 2.7rem;
    display: flex;
    justify-content: flex-end;
    align-content: flex-end;    
}

.paintingTitle h1{
    text-align: left;
	font-size: 7vh;
    line-height: .6;
    color: #000;
    z-index: 1;
    position: relative;
    letter-spacing: -.2vh;
}

.paintingTitle h2{
    padding-left: 2vw;
    margin: 0;
    line-height: .4;
    text-align: right;
	font-size: 2vh;
    color: #000;
    z-index: 1;
    position: relative;
    align-self: flex-end;
}

.paintingMain{  
	z-index: -1;
}

.paintingDesc{
    font-family: "Archivo Narrow", Icons;
    position: relative;
    display: inline-block;
    padding: 2.7rem;
    line-height: 1.2;
    hyphens: auto;
    text-align: justify;
	column-count: 2;
	font-style: normal;
	font-weight: 400;
}


.paintingDesc p{
	padding: 0px;
    margin-top: 0; 
}

.paintingMain h2{
    padding-top: 4vh;
    padding-left: 5vw;
    padding-right: 5vw;
    font-family: "Archivo Narrow", Icons;
	font-size: 3.5vh;
   	text-transform: lowercase;   
    hyphens: none;
    text-align: center;
    line-height: .8;
}


.paintingMain p{
	text-align: justify;
}

.paintingMain iframe{
	margin-bottom: 4rem;
}

.paintingBlurb p{
	
}

@media screen and (max-width: 1000px) {
	.paintingDescription{
        margin-top: 0vh;
    }

	.paintingTitle h1{
        font-size: 4vh;
    }

    .paintingMain h2{
        	font-size: 2.5vh;
    }
    
    .paintingDesc{
		column-count: 1;
}
}

/*

.-./`)  ______     .--.   .--.          .--.      .--..---.  .---.    ____   ,---------.  
\ .-.')|    _ `''. |  | _/  /           |  |_     |  ||   |  |_ _|  .'  __ `.\          \ 
/ `-' \| _ | ) _  \| (`' ) /            | _( )_   |  ||   |  ( ' ) /   '  \  \`--.  ,---' 
 `-'`"`|( ''_'  ) ||(_ ()_)             |(_ o _)  |  ||   '-(_{;}_)|___|  /  |   |   \    
 .---. | . (_) `. || (_,_)   __         | (_,_) \ |  ||      (_,_)    _.-`   |   :_ _:    
 |   | |(_    ._) '|  |\ \  |  |        |  |/    \|  || _ _--.   | .'   _    |   (_I_)    
 |   | |  (_.\.' / |  | \ `'   /        |  '  /\  `  ||( ' ) |   | |  _( )_  |  (_(=)_)   
 |   | |       .'  |  |  \    /         |    /  \    |(_{;}_)|   | \ (_ o _) /   (_I_)    
 '---' '-----'`    `--'   `'-'          `---'    `---`'(_,_) '---'  '.(_,_).'    '---'    
,---------. .---.  .---..-./`)    .-'''-.          ________     ,-----.    .-------.      
\          \|   |  |_ _|\ .-.')  / _     \        |        |  .'  .-,  '.  |  _ _   \     
 `--.  ,---'|   |  ( ' )/ `-' \ (`' )/`--'        |   .----' / ,-.|  \ _ \ | ( ' )  |     
    |   \   |   '-(_{;}_)`-'`"`(_ o _).           |  _|____ ;  \  '_ /  | :|(_ o _) /     
    :_ _:   |      (_,_) .---.  (_,_). '.         |_( )_   ||  _`,/ \ _/  || (_,_).' __   
    (_I_)   | _ _--.   | |   | .---.  \  :        (_ o._)__|: (  '\_/ \   ;|  |\ \  |  |  
   (_(=)_)  |( ' ) |   | |   | \    `-'  |        |(_,_)     \ `"/  \  ) / |  | \ `'   /  
    (_I_)   (_{;}_)|   | |   |  \       /         |   |       '. \_/``".'  |  |  \    /   
    '---'   '(_,_) '---' '---'   `-...-'          '---'         '-----'    ''-'   `'-'    
                                                                                          
*/

.slide_container{
	padding-right: 2.7rem;
}
/*
   .-'''-. .---.  .---.     ,-----.    .-------.           
  / _     \|   |  |_ _|   .'  .-,  '.  \  _(`)_ \          
 (`' )/`--'|   |  ( ' )  / ,-.|  \ _ \ | (_ o._)|          
(_ o _).   |   '-(_{;}_);  \  '_ /  | :|  (_,_) /          
 (_,_). '. |      (_,_) |  _`,/ \ _/  ||   '-.-'           
.---.  \  :| _ _--.   | : (  '\_/ \   ;|   |               
\    `-'  ||( ' ) |   |  \ `"/  \  ) / |   |               
 \       / (_{;}_)|   |   '. \_/``".'  /   )               
  `-...-'  '(_,_) '---'     '-----'    `---'               
,---.   .--.   ____    ,---.  ,---.          _ _  .--.     
|    \  |  | .'  __ `. |   /  |   |         ( ` ) `-. \    
|  ,  \ |  |/   '  \  \|  |   |  .'        (_{;}_)   \_\   
|  |\_ \|  ||___|  /  ||  | _ |  |          (_,_)   _( )_  
|  _( )_\  |   _.-`   ||  _( )_  |                 (_ o _) 
| (_ o _)  |.'   _    |\ (_ o._) /            _     (_,_)  
|  (_,_)\  ||  _( )_  | \ (_,_) /           _( )_    / /   
|  |    |  |\ (_ o _) /  \     /           (_ o _).-' /    
'--'    '--' '.(_,_).'    `---`             (_,_) `--'     
*/                                                           

.shopHead2{
    display: block;
    position: relative;
  	width: 100%;  
}

.shopNav2{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: wrap;
	list-style-type: none;
  	padding-left: 1.7rem; 
    padding-right: 1.7rem;
    align-items: center;  
}

.shopNav1{
  	width: 100%;
    padding-top: 6vh;
}

.shopNav2 #pageTitle{
	color: #000;
    background-color: transparent;
    font-size: 24px;
    border: none;
    padding: none;
    margin: none;
    line-height: 0;
}

.shopNavItem2{
	padding: 8px;
    margin: 5px;   
    border: solid;
    border-width: thin;
    border-radius: 18px;
    background-color: rgba(255, 255, 255, 1);
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: bold;
    color: #27e499;
}

.shopNavItem2:hover{
	color:#b9ffe3 ;
}

#shopNav2:hover{
	color: #b9ffe3;
}

/*                                                         
             (                                              
    )     (  )\ ) (     )     (    (    (  (   (            
   (     ))\(()/( )\ ( /(   ( )\  ))\  ))\ )(  )\ )    __   
   )\  '/((_)((_)|(_))(_))  )(( )/((_)/((_|()\(()/(   _\ \  
 _((_))(_))  _| | (_|(_)_  ((_)_|_))((_))  ((_))(_)) (_)| | 
| '  \() -_) _` | | / _` | / _` | || / -_)| '_| || |  _ | | 
|_|_|_|\___\__,_| |_\__,_| \__, |\_,_\___||_|  \_, | (_)_/  
                              |_|              |__/         
*/

@media screen and (max-width: 1000px) {
    
    .shopNav2 #pageTitle{
	color: #000;
    font-size: 18px;
    border: none;
    padding: none;
    margin: none;
    line-height: 0;
}

	.shopNavItem2{
        margin: 2px;
    	padding: 5px;
    	font-size: 12px;
    }
}

/*

   .-'''-. .---.  .---.     ,-----.    .-------.         
  / _     \|   |  |_ _|   .'  .-,  '.  \  _(`)_ \        
 (`' )/`--'|   |  ( ' )  / ,-.|  \ _ \ | (_ o._)|        
(_ o _).   |   '-(_{;}_);  \  '_ /  | :|  (_,_) /        
 (_,_). '. |      (_,_) |  _`,/ \ _/  ||   '-.-'         
.---.  \  :| _ _--.   | : (  '\_/ \   ;|   |             
\    `-'  ||( ' ) |   |  \ `"/  \  ) / |   |             
 \       / (_{;}_)|   |   '. \_/``".'  /   )             
  `-...-'  '(_,_) '---'     '-----'    `---'             
,---.    ,---.   ____    .-./`) ,---.   .--.             
|    \  /    | .'  __ `. \ .-.')|    \  |  |             
|  ,  \/  ,  |/   '  \  \/ `-' \|  ,  \ |  |             
|  |\_   /|  ||___|  /  | `-'`"`|  |\_ \|  |             
|  _( )_/ |  |   _.-`   | .---. |  _( )_\  |             
| (_ o _) |  |.'   _    | |   | | (_ o _)  |             
|  (_,_)  |  ||  _( )_  | |   | |  (_,_)\  |             
|  |      |  |\ (_ o _) / |   | |  |    |  |             
'--'      '--' '.(_,_).'  '---' '--'    '--'             
                                                         

*/

.shopMain{
    position: relative;
    padding-left: 2.7rem;  
    padding-right: 2.7rem;
     
    margin-bottom: 2vh; 
}

.shopMainTitle{
    background-image: url(https://freight.cargo.site/w/2000/i/18163879a94a1ed9e0c4852914b0300f18a91d414adf1e184f25c7b6de955d77/Screen-Shot-2021-06-24-at-2.21.18-PM.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-clip: border-box;
    height: 470px;
}

.marquee{
    transform: scale(130%);
}

.shopArrow{
	margin-top: 40px;
}

/*                                                         
             (                                              
    )     (  )\ ) (     )     (    (    (  (   (            
   (     ))\(()/( )\ ( /(   ( )\  ))\  ))\ )(  )\ )    __   
   )\  '/((_)((_)|(_))(_))  )(( )/((_)/((_|()\(()/(   _\ \  
 _((_))(_))  _| | (_|(_)_  ((_)_|_))((_))  ((_))(_)) (_)| | 
| '  \() -_) _` | | / _` | / _` | || / -_)| '_| || |  _ | | 
|_|_|_|\___\__,_| |_\__,_| \__, |\_,_\___||_|  \_, | (_)_/  
                              |_|              |__/         
*/

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

    .shopMain h1 span{
	font-size: 2vh;
}
    .shopMain img{
	transform: scale(80%);
}
    .shopMainTitle{
		background-image: url(https://freight.cargo.site/t/original/i/9e9358ecbeaf041b9c43eb00dbdae4c2b43a4a796b3c3c15d63d0bd2527482f9/Screen-Shot-2021-06-29-at-4.47.20-PM.png);
    	height: 250px;
        margin-top:0px;
        margin-bottom: 0px;
}
}

/*
                             ,.---._
                   ,,,,     /       `,
                    \\\\   /    '\_  ;
                     |||| /\/``-.__\;'
                     ::::/\/_
     {{`-.__.-'(`(^^(^^^(^ 9 `.========='
    {{{{{{ { ( ( (  (   (-----:=
     {{.-'~~'-.(,(,,(,,,(__6_.'=========.
                     ::::\/\
                     |||| \/\  ,-'/,
                    ////   \ `` _/ ;
                   ''''     \  `  .'
                             `---'
*/
.flier {
	pointer-events: none;
}

.flier > * {
/* Adjust animation duration to change the element’s speed */
        animation: fly 70s linear infinite;
        pointer-events: none !important;
	top: 0;
	left: 0;
	transform: translateX(-120%) translateY(-120%) rotateZ(0);
	position: fixed;
	animation-delay: 1s;
	z-index: 999999;
}

 /* Keyframe values control where the element will begin
    and end its trajectory across the screen. Each rule
    represents a path the element follows across the screen. */

@keyframes fly {

	98.001%, 0% {
                display: block;
		transform: translateX(-200%) translateY(100vh) rotateZ(0deg)
	}

	15% {
		transform: translateX(100vw) translateY(-100%) rotateZ(180deg)
	}

	15.001%, 18% {
		transform: translateX(100vw) translateY(-30%) rotateZ(0deg)
	}

	40% {
		transform: translateX(-200%) translateY(3vh) rotateZ(-180deg)
	}

	40.001%, 43% {
		transform: translateX(-200%) translateY(-100%) rotateZ(-180deg)
	}

	65% {
		transform: translateX(100vw) translateY(50vh) rotateZ(0deg)
	}

	65.001%, 68% {
		transform: translateX(20vw) translateY(-200%) rotateZ(180deg)
	}

	95% {
		transform: translateX(10vw) translateY(100vh) rotateZ(0deg)
	}
}


/*

   .-'''-. .---.  .---.     ,-----.    .-------.                                     
  / _     \|   |  |_ _|   .'  .-,  '.  \  _(`)_ \                                    
 (`' )/`--'|   |  ( ' )  / ,-.|  \ _ \ | (_ o._)|                                    
(_ o _).   |   '-(_{;}_);  \  '_ /  | :|  (_,_) /                                    
 (_,_). '. |      (_,_) |  _`,/ \ _/  ||   '-.-'                                     
.---.  \  :| _ _--.   | : (  '\_/ \   ;|   |                                         
\    `-'  ||( ' ) |   |  \ `"/  \  ) / |   |                                         
 \       / (_{;}_)|   |   '. \_/``".'  /   )                                         
  `-...-'  '(_,_) '---'     '-----'    `---'                                         
  .-_'''-.      ____      .---.     .---.       .-''-.  .-------.       ____     __  
 '_( )_   \   .'  __ `.   | ,_|     | ,_|     .'_ _   \ |  _ _   \      \   \   /  / 
|(_ o _)|  ' /   '  \  \,-./  )   ,-./  )    / ( ` )   '| ( ' )  |       \  _. /  '  
. (_,_)/___| |___|  /  |\  '_ '`) \  '_ '`) . (_ o _)  ||(_ o _) /        _( )_ .'   
|  |  .-----.   _.-`   | > (_)  )  > (_)  ) |  (_,_)___|| (_,_).' __  ___(_ o _)'    
'  \  '-   .'.'   _    |(  .  .-' (  .  .-' '  \   .---.|  |\ \  |  ||   |(_,_)'     
 \  `-'`   | |  _( )_  | `-'`-'|___`-'`-'|___\  `-'    /|  | \ `'   /|   `-'  /      
  \        / \ (_ o _) /  |        \|        \\       / |  |  \    /  \      /       
   `'-...-'   '.(_,_).'   `--------``--------` `'-..-'  ''-'   `'-'    `-..-'        
*/

.shopGallery{
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
	text-align: left;
	position: relative;
    margin-bottom: 20px;	
}

.productDesc{
	padding-left: 0px;
	margin: 0px;
	margin-right: 2.7em;
    flex-grow: 6;
    order: -1;    
}

#prodTitle{
	font-family: times;
	font-size: 24px;
	font-stretch: extra-expanded;
	text-transform: uppercase;
	letter-spacing: .2em;
    padding-bottom: 20px;
}

.prodDesc{
	list-style-type: none;
    padding: 20px 0px 20px 0px;    
}

.gallAddToCartButton{
	margin-bottom: 40px;
}

.gallNavButt{
	color: #27e499;
}

.navButt{
	text-align: center;
    padding-top: 10vh;
    background-color: transparent;
}

.productCare{
    color: #007d53;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.productInstrc{
  	list-style-type: none;
  	margin: 0;
    font-size: 14px;
	border: solid;
	border-width: thin;
    border-radius: 12px;
	padding: 10px;
	vertical-align: middle;
}

.imgContainer{
    
	display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-basis: 40%;    
    justify-content: flex-start;
}

.row{
	width: 20%;
    flex-grow: 1;
    order: -1;
    flex-basis: 20%;
    padding-right: 20px;
}

/* The grid: Four equal columns that floats next to each other */
.column {
  display: flex;
	flex-direction: column;
  width: 100%;
  padding-left: 10px;
	padding-bottom: 10px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.5;
  cursor: pointer; 
  border-radius: 8px;
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.container {
  position: relative;
  display: none;
    flex-grow: 1;
    flex-shrink: 6;
    order: 1;
    flex-basis: 80%;
 
}

#expandedImg{
	border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 100%;
    max-height: 100%;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

@media screen and (max-width: 1000px) { 
    .shopGallery{
        flex-direction: column;
    }
    
    .productDesc{
    order: 1;
        	margin-right: 0em;

}
    
    #prodTitle{
		padding-bottom: 10px;
}
    .prodDesc{
    padding: 10px 0px 10px 0px;    
}
    .imgContainer{
	margin-top: 4vh;
}
    
 .row{
    flex-grow: 1;
    order: 2;
    flex-basis: 20%;
    padding-right: 0px;
     padding-left: 10px;
}

    .column {
        width: 100%;
  		padding-left: 0px;
		padding-bottom: 5px;
}
    
    .imgContainer{
	margin-bottom: 20px;
}
    
     #expandedImg{
        float: none;
        max-width: 100%;
}
}

/*

   .-'''-.   ___    _ ,---.    ,---.,---.    ,---.    .-''-.  .-------.     
  / _     \.'   |  | ||    \  /    ||    \  /    |  .'_ _   \ |  _ _   \    
 (`' )/`--'|   .'  | ||  ,  \/  ,  ||  ,  \/  ,  | / ( ` )   '| ( ' )  |    
(_ o _).   .'  '_  | ||  |\_   /|  ||  |\_   /|  |. (_ o _)  ||(_ o _) /    
 (_,_). '. '   ( \.-.||  _( )_/ |  ||  _( )_/ |  ||  (_,_)___|| (_,_).' __  
.---.  \  :' (`. _` /|| (_ o _) |  || (_ o _) |  |'  \   .---.|  |\ \  |  | 
\    `-'  || (_ (_) _)|  (_,_)  |  ||  (_,_)  |  | \  `-'    /|  | \ `'   / 
 \       /  \ /  . \ /|  |      |  ||  |      |  |  \       / |  |  \    /  
  `-...-'    ``-'`-'' '--'      '--''--'      '--'   `'-..-'  ''-'   `'-'   
   .-'''-.    ____      .---.       .-''-.                                  
  / _     \ .'  __ `.   | ,_|     .'_ _   \                                 
 (`' )/`--'/   '  \  \,-./  )    / ( ` )   '                                
(_ o _).   |___|  /  |\  '_ '`) . (_ o _)  |                                
 (_,_). '.    _.-`   | > (_)  ) |  (_,_)___|                                
.---.  \  :.'   _    |(  .  .-' '  \   .---.                                
\    `-'  ||  _( )_  | `-'`-'|___\  `-'    /                                
 \       / \ (_ o _) /  |        \\       /                                 
  `-...-'   '.(_,_).'   `--------` `'-..-'                                  
                                                                            
*/

.shopMainRow{
	display: inline-block;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    
    margin-bottom:2vh;    
}

.shopMainRow h2{
	margin-top: 4vh;
}

.summerCol1{
    flex-grow: 1 auto;
}

.summerSaleContainer{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    margin-top: 20px;    
}

.summerSaleInfo{
    color: #27e499;
	padding: 10px;
    border-top: solid;
    border-width: thin;
    flex-basis: 20%;

}

.summerSaleInfo blockquote{
    padding: 0px;
    color: #007d53;	
    font-size: 2vh;
}

.summerSaleInfo blockquote a{
	color: #27e499 ;
    text-decoration: underline;
}

h2.sumInfoTit{
    font-size: 2vh;
    color: #007d53;
    padding-bottom: 10px; 
    
}

@media screen and (max-width: 1000px) {
    .summerSaleInfo{
	 flex-basis: 50%;
}
}

/*

   .-'''-.     ,-----.        _______  .-./`)    ____      .---.                    
  / _     \  .'  .-,  '.     /   __  \ \ .-.') .'  __ `.   | ,_|                    
 (`' )/`--' / ,-.|  \ _ \   | ,_/  \__)/ `-' \/   '  \  \,-./  )                    
(_ o _).   ;  \  '_ /  | :,-./  )       `-'`"`|___|  /  |\  '_ '`)                  
 (_,_). '. |  _`,/ \ _/  |\  '_ '`)     .---.    _.-`   | > (_)  )                  
.---.  \  :: (  '\_/ \   ; > (_)  )  __ |   | .'   _    |(  .  .-'                  
\    `-'  | \ `"/  \  ) / (  .  .-'_/  )|   | |  _( )_  | `-'`-'|___                
 \       /   '. \_/``".'   `-'`-'     / |   | \ (_ o _) /  |        \               
  `-...-'      '-----'       `._____.'  '---'  '.(_,_).'   `--------`               
 _______     ___    _ ,---------. ,---------.    ,-----.    ,---.   .--.   .-'''-.  
\  ____  \ .'   |  | |\          \\          \ .'  .-,  '.  |    \  |  |  / _     \ 
| |    \ | |   .'  | | `--.  ,---' `--.  ,---'/ ,-.|  \ _ \ |  ,  \ |  | (`' )/`--' 
| |____/ / .'  '_  | |    |   \       |   \  ;  \  '_ /  | :|  |\_ \|  |(_ o _).    
|   _ _ '. '   ( \.-.|    :_ _:       :_ _:  |  _`,/ \ _/  ||  _( )_\  | (_,_). '.  
|  ( ' )  \' (`. _` /|    (_I_)       (_I_)  : (  '\_/ \   ;| (_ o _)  |.---.  \  : 
| (_{;}_) || (_ (_) _)   (_(=)_)     (_(=)_)  \ `"/  \  ) / |  (_,_)\  |\    `-'  | 
|  (_,_)  / \ /  . \ /    (_I_)       (_I_)    '. \_/``".'  |  |    |  | \       /  
/_______.'   ``-'`-''     '---'       '---'      '-----'    '--'    '--'  `-...-'   
                                                                                    
FIND HTML IN CUSTOM HTML NOT INDIVIDUAL PAGE
*/

#socialButton{
	position: fixed;
    right:-2.5em;
    bottom: 6em;
}

#socialButton a{
    text-decoration: none;
}

.socialButton h2{
    margin-bottom: 6px;
    padding-left: 5px;
	text-align: left; 
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    background-color: #007d53;
	width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 12px;
}

.socialButton:hover{
     opacity: .5;
     transition: all .2s ease-in-out;
     transform: translate(-10px, 0px);
}

@media screen and (max-width: 650px) { 
    #socialButton{
        right:-3.5em;
}
}


.siteMain{
    padding: 0rem 2.7rem 0 2.7rem;
	text-align: justify;   
}

.siteMain p {
    word-break: break-word;
    hyphens: auto;
    padding-top: 4vh;
    padding-bottom: 4vh;
}

.siteMain h2{
	padding: 2vh 0vh 2vh 0vh;
}

.homeMain{
	position: absolute;
    bottom: 0vh;
    padding: 2.7rem;
    
}

.homeMain h1{
	padding: 2vh 0 .8vh 0;
}