*{  font-display: block !important;}
@font-face { font-family: TorinoModern; src: url('/file_download/3/TorinoModern.ttf'); }
@font-face { font-family: SnellRoundhand; src: url('static/SnellRoundhand.ttf'); } 
body {
    background: #f7f7f7;
    height: 100%;
    margin: 0;
    font-family:TorinoModern;
    overflow-y:hidden;
 
}
#top {
    margin-top: 20px !important;
    width: 100%;
}
.top {
    padding-top: 20px !important;
}
.portfolio_module {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height: 100%;
    float: left;
    position: relative;
    width: 24.85%;
}
.about-left {
    width: 60% !important;
}
.about-left img {
    float: right !important;
    padding-right: 5vh;
}

.about {
    float: left;
    height: auto;
    position: inherit !important;
    text-align: center;
    width: 100%;

}
.portfolio_module:nth-child(n+2) {
    margin-left: 0.2%;   
}
.portfolio_module a {
    width: 100% !important;
    text-align: center !important;
    background: rgba(247, 247, 247, 0.3);
    height: 100%;
    position: absolute;
    left: 0;
}
.portfolio_module a:hover {
    background: None;
}
.portfolio_module p {
    margin: auto !important;
    width: 100% !important;
    color: #f7f7f7 !important;
    position: absolute !important;
    top: 45% !important;
    text-align: center !important;
    font-size: 300%;
    font-family: SnellRoundhand;
    left: 0%;
    height: 100%;
}
.middle {
    bottom: 70px;
    height: auto;
    margin-top: 45px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    top: 60px;
    white-space: nowrap;
    width: 100%;  
}
.middle #home {
    overflow: hidden !important;
}
.middle img {
    height: 100%;
    margin-right: 0.66%; 
}
.middle #home img {
    width: 100%;
    border: 0px;
}
.bottom {
    bottom: 0;
    height: 60px;
    position: fixed;
    width: 100%;
    text-align:left;
}
.winn {
	margin-left: 2%;
    float: left;
    margin-bottom: 0;
    font-size: 400%;
    text-align: left;
    color: #000;
}
a.winn:visited {
	text-decoration: none;
	color: #000;
}
#nav {
    float: right;
    font-family: TorinoModern;
    font-size: 125%;
    height: auto;
    margin-right: 2%;
    margin-top: 0.5vh;
    text-align: center;
    width: auto;
}
#nav p {
    margin-block-start: 0.75em !important;
}
#subnav {
	min-width:auto;
	max-width:auto;
	text-align: center;
	font-size: 150%;
	font-family: SnellRoundhand;
	color: #000;
        line-height:0;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        float: none;
	margin-top: 15px;
        position: absolute;
        width: 100%;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #000;
}
a.navlinks {
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 3px;
	margin-right: 3px;
        border: solid transparent;
}
a.navlinks:hover {
	text-decoration:blink;
	color: #f7f7f7;
	font-family: TorinoModern;
	font-size: 100%;
	background-color: #000;
        border: solid #000;
}
a.subnav {
	padding-left: 3px;
	padding-right: 3px;
	color: #000;
}
a.subnav:hover {
	text-decoration:none;
	color: #000;
	font-family: SnellRoundhand;
	font-size: 150%;
}
#social {
	text-align:right;
	width:160px;
	float:right;
	margin-right:1%;
}
#social img {
	border:0px;
	height:28px;
        width: auto;
	padding:6px;
#social img:nth-child(4n+0) {margin-right:8px;}
#social img:nth-child(4n+2) {margin-right:-4px;}
}
#footer {
	margin-left: 2%;
	margin-top: 15px;
	float: left;

    /* styling bellow */ 

        width:330px;
	color: #000;
	font:Arial;
	font-family: "Times New Roman", Times, serif;
	font-size:70%;
}



.description{  
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */  
	font-family: 'TorinoModern';
	text-shadow:2px 2px 4px #000;
	font-size:15px;  
	color:white;
	opacity:0.6; /* transparency */  
	filter:alpha(opacity=60); /* IE transparency */  
	#margin-right: -110px;    
	#width:100%; 
	#left:0px;

    /* styling bellow */ 
	
	display: inline-block;
	width: 200px;
	text-align: left;
}  
.description_content{  
	padding:10px;  
	margin: 0 12px 5px;
	display: table;
}



::-webkit-scrollbar {
    width: 1px;
    height: 3px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); 
    height: 3px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5); 
    height: 3px;
}
a.tooltip span{
display: inline;
position: absolute;
}
a.tooltip:hover span{
display: inline;
position: absolute;
}
a.tooltip > span{
width: auto;
padding: 10px 12px;
opacity: 0.75;
visibility: visible;
z-index: 10;
position: absolute;
font-size: 15px;
color:white;
bottom:-5px;
margin-left: -5px;

text-shadow:#000000 2px 2px 4px;
}
a.tooltip:hover > span{
width: auto;
padding: 10px 12px;
opacity: 0.75;
visibility: visible;
z-index: 10;
position: absolute;
font-size: 15px;
color:white;
bottom:-5px;
margin-left: -5px;

text-shadow:#000000 2px 2px 4px;
}
a.tooltip > span{
color: #FFF;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );
}

@media screen and (min-width: 2000px) {
>
img.lauren{
      padding-left: 17%;
    padding-top: 3vh;
    margin-left: 288px;
    margin-top: 68px;
    width: 62% !important;

}

.about-box{   position: absolute !important;
   margin: auto !important;
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
   width: 72% !important;
   height: fit-content !important;
   border-radius: 3px !important;
   z-index: 999999 !important;

   padding-top: 36px !important;
}

img.lauren{ float: left !important;
    width: 70% !important;
    padding-right: 2.5% !important;
    padding-left: 28px !important;
}

.about-box p{float: left !important;
    width: 23%;
    font-family: "Times New Roman" !important;
    margin: 11.5% 0 !important;
    margin-right: auto !important;
    /* font-size: 1.22vw; */
    letter-spacing: -0.03em !important;

    line-height: 140% !important;
    padding-left: 32px !important;
    letter-spacing: 0 !important;
    font-size: 16.5px !important;
}

}

img.lauren{
    float: left;
    width: 63%;
    padding-right: 2.5%;

}
.about-box{
 position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 81%;
    height: fit-content;
    border-radius: 3px;
    z-index: 999999;
}

.about-box p{
float: left;
    width: fit-content;
    font-family: "Times New Roman";
       margin: 9% 0;
    margin-right: auto;
     /* font-size: 1.22vw; */
    letter-spacing: -0.03em;
    line-height: 129%;
}



@media only screen and (max-device-width: 480px) {
a.tooltip span{
  display:none;
}
a.tooltip:hover span{
  display:none;
}
a.tooltip > span{
  display:none;
}
a.tooltip:hover > span{
  display:none;
}
a.tooltip > span{
  display:none;
}
}

 /* Copied Code extra CSS */ 


.photography {
  bottom:70px;
  float:left;
  height:auto;
  margin-top:45px;
  overflow-x:hidden;
  position:fixed;
  text-align:center;
  top:60px;
  white-space:nowrap;
  width:100%;
  overflow-y:visible;
}
.photography img {
  border:0;
  display:inline-block;
  height:auto;
  margin:1.5%;
  width:26%;
}
.media {
  bottom:60px;
  float:left;
  height:auto;
  margin-top:35px;
  overflow-x:hidden;
  position:fixed;
  text-align:center;
  top:60px;
  white-space:nowrap;
  width:100%;
  overflow-y:visible;
}
#coverart img {
	width:32.35%;
	float:left;
	margin-left:5% !important;
	height:auto;
	border:0px;
	margin:1%;
}
#musicpromo img {
	width:25%;
	float:left;
	height:auto;
	border:0px;
	margin:1%;
	display:inline-block;
}
#video img {
	width:28.25%;
	float:left;
	height:auto;
	border:0px;
	margin:1%;
	display:inline-block;
}
.media iframe {
	width:40%;
	height:auto;
	border:0px;
	margin:1%;
	display:inline-block;
}
.videoWrapper {
	position: relative;
	float:left;
	left:-13%; /* all browsers, of course */
	left:7%\9; /* IE8 and below */
	height: 315px;
	width:40%;
	margin:1%;
}
.videoWrapper2 {
	position: relative;
	float:left;
	left:8%; /* all browsers, of course */
	left:7%\9; /* IE8 and below */
	height: 315px;
	width:40%;
	margin:1%;
}
.portfolio {
  bottom:60px;
  float:left;
  height:auto;
  margin-top:140px;
  overflow-x:hidden;
  position:fixed;
  text-align:center;
  top:60px;
  white-space:nowrap;
  width:100%;
  overflow-y:visible;
}
.column {
  float:left;
  padding:1%;
  width:18%;
}
.column img {
  padding-bottom:8%;
  width:100%;
}
.comingsoon {
  font-size: 10em;
  color:white;
  margin-top:150px;
}
.contact {
  bottom:60px;
  float:left;
  height:auto;
  margin-top:35px;
  position:fixed;
  text-align:center;
  top:60px;
  width:100%;
  overflow-y:auto;
}
.contact p {
  color:#000;
  font-family: "Times New Roman", Times, serif;
  margin-bottom:9%;
  margin-right:auto;
  line-height:180% !important;
  font-size:18px;
  letter-spacing:-0.03em;
}
#winnlogo {
  width: 55%;
  float:right;
  margin-top: -5%;
}
#winnlogo img {
  width: 22%;
}
.series {
  bottom:60px;
  float:left;
  height:auto;
  margin-top:35px;
  overflow-x:hidden;
  position:fixed;
  text-align:center;
  top:60px;
  width:100%;
  overflow-y:visible;
}
.series img {
	width:28%;
	height:auto;
	border:0px;
	margin:1.5%;
	display:inline-block;
}



.series_burps {
display: inline-block;
height: auto;
margin: 0 1.5% 1.5%;
padding-top: 0;
vertical-align: top;
width: 28%;
}
.series_burps h2 {
color: #000;
font-size: 2.1em;
font-weight: 100;
line-height: 0;
}
.series_burps p {
font-size: 0.75em;
color: #000;
margin: 2.25%;
width: 64%;
margin-right: auto;
margin-left: auto;
}


@media only screen and (max-width: 1060px) {
#nav {
    margin-top: 55px;
}
.middle {
    margin-top: 75px;
}
.about {
    margin-top: 75px;
}
.media {
    margin-top: 75px;
}
.photography {
    margin-top: 75px;
}
.portfolio {
    margin-top: 75px;
}
.contact {
    margin-top: 75px;
}
.series {
    margin-top: 75px;
}
}
@media only screen and (max-width: 906px) {
#nav {
    margin-top: -0px;
}
}
@media only screen and (max-width: 775px) {
#subnav {
        position: initial;
}
}
@media only screen and (max-width: 705px) {
.middle {
    margin-top: 75px;
}
.about {
    bottom: 75px;
}
.media {
    bottom: 75px;
}
.photography {
    bottom: 75px;
}
.portfolio {
    bottom: 75px;
}
.contact {
    bottom: 75px;
}
.series {
    bottom: 75px;
}
.bottom {
    height: 75px;
}
}

@media only screen and (max-width: 580px) {
.middle {
    margin-top: 160px;
}
.about {
    margin-top: 160px;
}
.media {
    margin-top: 160px;
}
.photography {
    margin-top: 160px;
}
.portfolio {
    margin-top: 160px;
}
.contact {
    margin-top: 160px;
}
.contact p {
    margin-top:-30px;
}
.series {
    margin-top: 160px;
}
}


@media only screen and (max-width: 1152px) {
.about-right p {
	font-size:17px;
	}
}
@media only screen and (max-width: 1104px) {
.about-right p {
	font-size:16px;
	}
}
@media only screen and (max-width: 1033px) {
.about-right p {
	font-size:15px;
	}
}
@media only screen and (max-width: 947px) {
.about-right p {
	font-size:14px;
	}
}
@media only screen and (max-width: 879px) {
.about-right p {
	font-size:13px;
	}
}
@media only screen and (max-width: 832px) {
.about-right p {
	font-size:12px;
	}
}
@media only screen and (max-width: 800px) {
.about-right p {
	font-size:11px;
	}
}
@media only screen and (max-width: 722px) {
.about-right p {
	font-size:10px;
	}
}
@media only screen and (max-width: 647px) {
.about-right p {
	font-size:9px;
	}
}
@media only screen and (max-width: 593px) {
.about-right p {
	font-size:8px;
	}
}




@media only screen and (max-width: 1152px) {
.contact p {
	font-size:19px;
	}
}
@media only screen and (max-width: 1104px) {
.contact p {
	font-size:18px;
	}
}
@media only screen and (max-width: 1033px) {
.contact p {
	font-size:17px;
	}
}
@media only screen and (max-width: 947px) {
.contact p {
	font-size:16px;
	}
}
@media only screen and (max-width: 879px) {
.contact p {
	font-size:15px;
	}
}
@media only screen and (max-width: 832px) {
.contact p {
	font-size:14px;
	}
}
@media only screen and (max-width: 800px) {
.contact p {
	font-size:13px;
	}
}
@media only screen and (max-width: 722px) {
.contact p {
	font-size:12px;
	}
}
@media only screen and (max-width: 647px) {
.contact p {
	font-size:11px;
	}
}
@media only screen and (max-width: 593px) {
.contact p {
	font-size:10px;
	}
}

@media only screen and (max-device-width: 480px) {
div#slider figure {
  height:200px;
  width:500%;
}
.winn {
    font-size:300%;
    text-align: center;
    width: 100%;
    margin-left: 0;
}
#nav {
    #margin-top: -45px;
}
p#nav {
    margin-block-start: 0.75em !important;
}
.about {
    margin-top: 145px;
}
.media {
    margin-top: 145px;
}
.photography {
    margin-top: 145px;
}
.portfolio {
    margin-top: 155px;
}
.contact {
    position:static;
    margin-top: -20px;
}
.series {
    position: static;
    margin-top: 0px;
}
.middle {
    position: static;
    height: 200px;
    float: left;
    margin-top: 0px;
}
.about {
    position: static;
    height: auto;
    float: left;
    margin-top: 0;
}
.about-left {
    margin-left:-2%;
    width:100%;
    margin-bottom: -20px;
}
.about-right p {
    margin-left: 3%;
    font-size: 11px;
}
.media {
    position: static;
    height: auto;
    float: left;
    margin-top: 0;
}
.photography {
    #position: static;
    height: auto;
    float: left;
    #margin-top: 0;
}
.portfolio {
    position: static;
    height: auto;
    float: left;
    margin-top: 0;
}
.comingsoon {
  font-size: 3em;
}
.column {
    width: 48%;
}
.column img {
    padding-bottom: 0%;
}
#winnlogo {
    width:100%;
}
#winnlogo img {
    width:30% !important;
}
.bottom {
    #position: static !important;
    position: static;
    float:left;
}
#subnav {
    line-height:1;
    margin-top: 0px;
    margin-bottom: 5px;
}
#footer {
    margin-top:0px;
}
.videoWrapper {
    height: 85px;
}
.videoWrapper2 {
    height: 85px;
}
span#enter_password {width:100% !important;}
span#password {width:100% !important;}
}
@media only screen and (max-width: 403px) {
#footer {
    margin-top: -29px;
}
}

 /* Copied Code extra CSS */