01/18/2021

HOME

.header_bar.float::before {
opacity: .0;
}

.content-wrap.singular {
width: 75%;
margin-top: -4%;

}

:root {
–red: #FE2E9A;
–bgColor: bisque;
}

img.framed {
box-shadow: -50px -50px 0 -40px var(–red), 50px 50px 0 -40px var(–red);
}

.module small {
font-size: 1.4rem;
float: right;
text-transform: uppercase;
color:#da70d6;
}

@font-face{font-family:’Calluna’;
src:url(‘https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/callunasansregular-webfont.woff’) format(‘woff’);
}
body {
background: url();
font-family: Calluna, Arial, sans-serif;
min-height: 1150px;
}
#columns2 {
column-width: 410px;
column-gap: 27px;
width: 100%;
max-width: 1150px;
margin: 1px auto;
}

div#columns2 figure {
background: #fff;
border: 0.8px solid #fff;
box-shadow: 0 2px 2px rgba();
margin: 0.1px 1px;
padding: 0.1px;
padding-bottom: 2px;
transition: opacity .3s ease-in-out;
display: inline-block;
column-break-inside: avoid;
}

div#columns2 figure img {
width: 100%; height: auto;
border-bottom: 0px solid #fff;
padding-bottom: 0px;
margin-bottom: 0px;
}

div#columns2 figure figcaption {
font-size: 1.3rem;
float: right;
color: #848484;
line-height: 1.5;
}

div#columns2 small {
font-size: 1.3rem;
float: right;
text-transform: uppercase;
color: #ff69b4;
}

div#columns2 small a {
color: #ff0000;
text-decoration: none;
transition: .3s color;
}

div#columns2:hover figure:not(:hover) {
opacity: 0.2;
}

@media screen and (max-width: 1150px) {
#columns2 { column-gap: 0px; }
#columns2 figure { width: 100%; }
}

@font-face{font-family:’Calluna’;
src:url(‘https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/callunasansregular-webfont.woff’) format(‘woff’);
}
body {
background: url();
font-family: Calluna, Arial, sans-serif;
min-height: 1560px;
}
#columns3 {
column-width: 340px;
column-gap: 26px;
width: 100%;
max-width: 1560px;
margin: -20px auto;
}

div#columns3 figure {
background: #fff;
border: 2px solid #;
box-shadow: 0 1px 1px rgba(34, 25, 25, 0.4);
margin: 2.1px 1px;
padding: 2.1px;
padding-bottom: 1px;
transition: opacity .3s ease-in-out;
display: inline-block;
column-break-inside: avoid;
}

div#columns3 figure img {
width: 100%; height: auto;
border-bottom: 0px solid #fff;
padding-bottom: 0px;
margin-bottom: 0px;
}

div#columns3 figure figcaption {
font-size: 1.3rem;
float: right;
color: #848484;
line-height: 1.5;
}

div#columns3 small {
font-size: 1.0rem;
float: right;
text-transform: uppercase;
color: #ff69b4;
}

div#columns3 small a {
color: #ff0000;
text-decoration: none;
transition: .3s color;
}

div#columns3:hover figure:not(:hover) {
opacity: 0.2;
}

@media screen and (max-width: 1560px) {
#columns3 { column-gap: 0px; }
#columns3 figure { width: 100%; }
}

@font-face{font-family:”;
src:url(‘https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/callunasansregular-webfont.woff’) format(‘woff’);
}
body {
background: url();
font-family: Calluna, Arial, sans-serif;
min-height: 1700px;
}
#columns {
column-width: 1500px;
column-gap: 0px;
width: 100%;
max-width: 1700px;
margin: 2px auto;
}

div#columns figure {
background: #;
border: 0px solid #;
box-shadow: 0 0px 11px rgba(34, 25, 25, 0.1);
margin: 0 2px 5px;
padding: 1.2px;
padding-bottom: 0px;
transition: opacity .3s ease-in-out;
display: inline-block;
column-break-inside: avoid;
}

div#columns figure img {
width: 100%; height: auto;
border-bottom: 0px solid #;
padding-bottom: 0px;
margin-bottom: 0px;
}

div#columns figure figcaption {
font-size: 1.4rem;
float: right;
color: #848484;
line-height: 1.5;
}

div#columns small {
font-size: 1.4rem;
float: right;
text-transform: uppercase;
color: #F781BE;
}

div#columns small a {
color: #F781BE;
text-decoration: none;
transition: .2s color;
}

div#columns:hover figure:not(:hover) {
opacity: 0.2;
}

@media screen and (max-width: 1700px) {
#columns { column-gap: 0px; }
#columns figure { width: 100%; }
}

/* GRID SYSTEM */
.module {
float: left;
width: 100%;
margin-left: 1%;
margin-bottom: 0%;
padding: 13px;

min-height: 0px;
transition: all 0.3s linear;
box-shadow: 0px 0px 0px #fff;
}
.grid {
margin-left: -1%;
padding: 0% 0% 0.2% 4%;  
padding-bottom: 5%;
*zoom: 1;
}
.grid:after {
content: ”;
display: block;
clear: both;
}
@media only screen and (min-width: 620px) {
.tablet-1 {
width: 6.33333333%;
}
.tablet-1:after {
content: ‘ ‘;
color: #fff;
}
.tablet-2 {
width: 18.66666667%;
}
.tablet-2:after {
content: ‘ ‘;
color: #fff;
}
.tablet-3 {
width: 23%;
}
.tablet-3:after {
content: ‘ ‘;
color: #fff;
}
.tablet-4 {
width: 31.33333333%;
}
.tablet-4:after {
content: ‘ ‘;
color: #fff;
}
.tablet-5 {
width: 39.66666667%;
}
.tablet-5:after {
content: ‘ ‘;
color: #fff;
}
.tablet-6 {
width: 48%;
}
.tablet-6:after {
content: ‘ ‘;
color: #fff;
}
.tablet-7 {
width: 56.33333333%;
}
.tablet-7:after {
content: ‘ ‘;
color: #fff;
}
.tablet-8 {
width: 64.66666667%;
}
.tablet-8:after {
content: ‘ ‘;
color: #fff;
}
.tablet-9 {
width: 73%;
}
.tablet-9:after {
content: ‘ ‘;
color: #fff;
}
.tablet-10 {
width: 81.33333333%;
}
.tablet-10:after {
content: ‘ ‘;
color: #fff;
}
.tablet-11 {
width: 89.66666667%;
}
.tablet-11:after {
content: ‘ ‘;
color: #fff;
}
.tablet-12 {
width: 98%;
}
.tablet-12:after {
content: ‘ ‘;
color: #fff;
}
}

@media only screen and (min-width: 1250px) {
.desktop-1 {
width: 6.33333333%;
}
.desktop-1:after {
content: ‘ ‘;
color: #fff;
}
.desktop-2 {
width: 18.66666667%;
}
.desktop-2:after {
content: ‘ ‘;
color: #fff;
}
.desktop-3 {
width: 25%;
}
.desktop-3:after {
content: ‘ ‘;
color: #fff;
}
.desktop-4 {
width: 30.33333333%;
}
.desktop-4:after {
content: ‘ ‘;
color: #fff;
}
.desktop-5 {
width: 39.66666667%;
}
.desktop-5:after {
content: ‘ ‘;
}
.desktop-6 {
width: 48%;
}
.desktop-6:after {
content: ‘ ‘;
color: #fff;
}

.desktop-7 {
width: 54.33333333%;
}
.desktop-7:after {
content: ‘ ‘;
color: #fff;
}
.desktop-8 {
width: 64.66666667%;
}
.desktop-8:after {
content: ‘ ‘;
color: #fff;
}
.desktop-9 {
width: 73%;
}
.desktop-9:after {
content: ‘ ‘;
color: #fff;
}
.desktop-10 {
width: 81.33333333%;
}
.desktop-10:after {
content: ‘ ‘;
color: #fff;
}
.desktop-11 {
width: 89.66666667%;
}
.desktop-11:after {
content: ‘ ‘;
color: #fff;
}
.desktop-12 {
width: 98%;
}
.desktop-12:after {
content: ”;
color: #fff;
}
}

@font-face {
font-family: ‘Montserrat’;
font-style: normal;
font-weight: 700;
src: local(‘Montserrat Bold’), local(‘Montserrat-Bold’), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format(‘truetype’);
}
* {
margin: 0;
padding: 0;
border: 0px none;
box-sizing: border-box;
}
html {
font-size: 62.5%;

color: white;
}
body {
font: 300 14px/1.4 ‘Montserrat’;
}

Back to Top