/***** Default Size *****/

*							{ margin:0; padding:0;}
body						{ width:100%; height:100%; margin:0; padding:0; background:#000; text-align:center; color:#FFF; }
/*.jobs 						{ background: #000 url(images/MLF-Job-bg2.jpg) no-repeat top center ; background-size: 100% auto; overflow:visible !important; }
*/
html						{ width:100%; height:100%; margin:0; padding:0;}
#wrapper					{ width:100%; height:100%; margin:0; padding:0; overflow:hidden; position:absolute; top:0; bottom:0; left:0; right:0;}
#jobswrapper					{ width:100%; height:100%; margin:0; padding:0; position:absolute; top:0; bottom:0; left:0; right:0;}

.max-img 					{ width:100%; height:auto; }		
img							{ border:none;}
.dots						{ width:100%; height:100%; background:url(images/dots.png); float:left; position:fixed; z-index:100; top:0; left:0;}
.vimeo						{ width:120%; height:120%; position:absolute; text-align:center; margin-left:-60%; left:50%; top:-10%; padding-top:0px; padding-bottom: 56.25%; overflow:hidden; visibility:visible; background-color:#000;}
.vimeo iframe				{ position:relative; top:0; left:0; width:100%; height:100%; background-color:#000;}

.top						{ position:absolute; float:left; z-index:200; top:15%; left:0; width:100%; height:auto; margin:0 auto;}
.bottom						{ position:absolute; float:left; z-index:200; bottom:15%; left:50%; margin:0 0 0 -67px; width:134px; height:134px; }
.social						{ position:absolute; float:left; z-index:200; top:0; left:0; margin:0 0 0 0; width:100%; text-align:center; background:#000; padding:10px 0; }

.logo-text					{ width:90%; max-width:980px; margin:0 auto 0 ; position:relative; left:0;}
.logo						{ width:134px; height:134px; margin:0 0 0 -67px; position:relative; left:50%;}
.mlfhome						{ float:left; margin:0 5px 0 20px; height:28px; width:28px;}
.facebook					{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.twitter					{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.vimeo-icon					{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.mail						{ float:left; margin:0 5px 0 20px; height:28px; width:28px;}
.google						{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.prettybird					{ float:left; margin:0 5px 0 0; height:28px; width:28px;}


.jobdesc { font-family:"FS Elliot Web Regular", Arial, sans-serif; text-transform:uppercase; font-weight:400; font-size:20px; }

.jobdesc .strong{ font-weight:800;}

.jobdesc a { color:#00ccff; text-decoration:none;}

.tag {width:158px; height:25px; background: #cbcbcb; margin-right:20px; margin-top:20px; display:inline-block; line-height:25px; font-size:18px; color:black; font-weight:100;}

.divider { width:100%; height:7px; /*background: #cbcbcb;*/ margin-top:20px; margin-bottom:40px;}

.clearfix {clear:both;}

.jobslink {text-transform:uppercase; font-family:"FS Elliot Web Regular", Arial, sans-serif; text-align:right; font-weight:100; margin-right:30px; font-size:20px;}

.jobslink a {color:white; text-decoration:none;}


/***** Tablet (Smaller than 980px) *****/
@media only screen and (min-width: 768px) and (max-width: 979px) {

.vimeo						{ width:100%; height:100%; position:absolute; text-align:center; margin-left:-50%; left:50%; top:0%; padding-top:0px; padding-bottom: 0%; overflow:hidden; visibility:visible; background-color:#000;}
.vimeo iframe				{ position:relative; top:0; left:0; width:100%; height:100%; background-color:#000;}
.dots						{ display:none;}
.
jobslink {text-transform:uppercase; font-family:"FS Elliot Web Regular", Arial, sans-serif; font-weight:100; margin-right:30px; font-size:20px;}

.social						{ position:absolute; float:left; z-index:200; top:0; left:0; margin:0 0 0 0; width:100%; text-align:center; background:#000; padding:10px 0; }

}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .dots						{display:none;}
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.vimeo						{ width:100%; height:40%; position:absolute; text-align:center; margin-left:-50%; left:50%; top:47%; padding-top:0px; padding-bottom:0; overflow:hidden; visibility:visible; background-color:#000; z-index:150;}
.vimeo iframe				{ position:relative; top:0px; left:0; width:100%; height:100%; background-color:#000;}

.top						{ position:absolute; float:left; z-index:200; top:15%; left:0; width:100%; height:auto; margin:0 auto;}
.bottom						{ position:absolute; float:left; z-index:200; bottom:5%; left:50%; margin:0 0 0 -67px; width:134px; height:134px; }
.social						{ position:absolute; float:left; z-index:200; top:0; left:0; margin:0 0 0 0; width:100%; text-align:center; background:#000; padding:10px 0; }

.logo						{ width:40px; height:40px; margin:80px 0 0 -20px; position:relative; left:50%;}

.diode						{ color:#f9f9f9; z-index:300; position:absolute; width:100%; text-align:right; font-family:"FS Elliot Web Regular", Arial, sans-serif; font-weight:normal; font-style:normal; font-size:9px; bottom:5px; top:95%; right:15px;}
.facebook					{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.twitter					{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.vimeo-icon				{ float:left; margin:0 5px 0 0; height:28px; width:28px;}
.mail						{ float:left; margin:0 5px 0 14px; height:28px; width:28px;}

.jobslink {text-transform:uppercase; font-family:"FS Elliot Web Regular", Arial, sans-serif; text-align:right; font-weight:100; margin-right:30px; font-size:16px;}

.jobs 						{ background: #000 url(images/MLF-Job-bg2.jpg) no-repeat top center ; background-size: auto 1400px; overflow:visible !important; }
.jobdesc a { font-size:14px;}
}


/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {


}