.text-ad {margin-bottom: 10px}

.top-ad {width:940; margin: 0 auto; text-align: center}

h3 {font-family: 'norwesterregular'; }
.aspect-ratio {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 20px
 
}


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

.fone {display:none}

.container {
	width: 100%; 
	height: auto;
	text-align: center;
	margin: -20px auto 0px auto;
	background-color: #ffffff;

	position: relative;
	
	
	
	}
	
	
.container_flex {
	width: 100%; 
	height: auto;
	text-align: center;
	margin: -20px auto 0px auto;
	background-color: #ffffff;
	position: relative;
		
	}	
	
#comic-head h2 {
	font-family: 'nexa_rust_sansblack';
	color:#F6E456;
	font-size: 3.5em;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px 0px #000000;
   margin: 15 0 0 0;
   padding: 0;
   font-weight: 500;
   z-index: 1
 }
 
 #comic-head-small h2 {
	font-family: 'nexa_rust_sansblack';
	color:#F6E456;
	font-size: 1.75em;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px 0px #000000;
   margin: 20 0 0 0;
   padding: 0;
   font-weight: 500;
   line-height: 1em;
   z-index: 5
   
   
	
}

 
 
#comic-head h2.where {font-size:2em; margin-top:20px}
#comic-head h2.life {font-size:2em; margin-top:20px}
#comic-head h2.PM {font-size:2em; margin-top:20px}
#comic-head h2.celebs {font-size:2em; margin-top:20}
#comic-head h2.trumpism {font-size:3em; margin-top:20}
#comic-head h2.immigration {font-size:2em; margin-top:20;}
#comic-head h2.Canadian-Market {font-size:2em; margin-top:20;}
#comic-head h2.working {font-size:1.25em; margin-top:20;}
#comic-head h2.job-stats {font-size:2em; margin-top:20;}
#comic-head h2.job-resource {font-size:2em; margin-top:20;}
 
 ul.immigration, ul.bullet {font-family: arial; list-style-type: disc !important; padding:5; margin: 10} 
  ul.immigration ul{font-family: arial; list-style-type: disc !important; padding:5; margin: 10} 
 ul.immigration li {}
 
 /*ul.immigration li:before {
    content: "•"; 
    padding-right: 8px;
    color: blue; Or a color you prefer 
}*/
	
#comic-callout, #comic-callout-home {
		background: #ED2224;
		border: 1px solid #000000;
		width: 30%;
		 -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,1) ;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,1) ;
  padding: 5px;
  position: absolute;
  left:20px;
 
}

#comic-callout {top:65; }
#comic-callout-home {top:200; right:80px !important}

#comic-callout h2, #comic-callout-home h2,
#comic-callout h3, #comic-callout-home h3 {
		color: #F6E456;
		font-family: 'nexa_rust_sansblack';
		padding: 0;
		margin: 0;
		font-weight: 500;
		
}

.soon {font-size:1em}
				
#comic-callout h2, #comic-callout-home h2 {font-size: 1.5em; text-shadow: 1px 1px 0px #000000; -webkit-text-stroke-width: .5px;
   -webkit-text-stroke-color: black;margin-bottom: -5px !important }

#comic-callout h3, #comic-callout-home h3 {font-size: .5em; text-shadow: .5px .5px 0px #000000; -webkit-text-stroke-width: .5px;
   -webkit-text-stroke-color: black; margin-bottom: -5px !important}
   
.historical {font-size:.8em}   
   
   
#text-body {text-align: left; width:95%; margin:5px auto; padding:10px; background-color: #F6E456;margin-bottom: 40px}
   
#text-body.where  {margin-top:136} 
#text-body.life {margin-top:180}
#text-body.history-text {margin-top:155}
#text-body.buying-home {margin-top:170}
#text-body.workers {margin-top:130}
#text-body.jet {margin-top:200}

#Justin-Trudeau2 img {width:160px; position: absolute; right: 0; top:90; z-index: 1}
    
#Justin-Trudeau img {width:260}

#home-page {
	background-image: url('http://www.trumpugees.com/img/background_mobile.jpg');
	background-size: 100%;
	background-repeat: no-repeat
}


#where-page {
	background-image: url('http://www.trumpugees.com/img/where-is-Canada.jpg');
	background-size: 100%;
	background-repeat: no-repeat
}	

#life-canada {
	background-image: url('http://www.trumpugees.com/img/rough.jpg');
	background-size: 100%;
	background-repeat: no-repeat
}	

#parliament {
	background-image: url('http://www.trumpugees.com/img/parliament.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: 10%; }
	
#history {
	background-image: url('http://www.trumpugees.com/img/history.jpg');
	background-size: 100%;
	background-repeat: no-repeat
}	

#house-canada {
	background-image: url('http://www.trumpugees.com/img/home-sale.jpg');
	background-size: 100%;
	background-repeat: no-repeat 
}

#house-canada-submit {
	/*background-image: url('http://www.trumpugees.com/img/home-sale.jpg'); */
	background-size: 100%;
	background-repeat: no-repeat 
}

#canadian-work-permit {
	background-image: url('http://www.trumpugees.com/img/canadian-work-permit.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	 
	
}

#employment-resources {
	background-image: url('http://www.trumpugees.com/img/Canada_Employment_Resources.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: bottom; 
	
}





#ledge {
	position:absolute;
	right:-16;
	top:182.5
}



#trump_monster {
	position:absolute;
	left:115;
	top:50;
	-webkit-animation-iteration-count: 8; /* Chrome, Safari, Opera */
    animation-iteration-count: 8;
}

#trump_monster img {width:120px}



#lady {
	position:absolute;
	right:0;
	top:108
}

#lady img {width:120px}

#man {
	position:absolute;
	left:0;
	top:127
}
#man img {width:140px}


#opener {
	
	text-align: left;
	width:90%;
	margin: 215 auto 10 auto;
	font-size: 1em
}




p.trudeau {width:100%}


/*.frame {width:400; height: 300}*/
img.celeb-pic {width:279; height: 279; object-fit: cover; overflow: hidden}

#celeb-list ul {padding-left: 0; text-align: center}

#celeb-list ul li {
	list-style: none; display: inline-block; height:400; vertical-align: top
}

#celeb-list h3 {margin: 5 auto 0 auto; padding: 0; width:274}
#celeb-list p {margin: 5 auto 20 auto; padding: 0; width:274; font-family: arial; text-align: left !important}





.footer {
	width:100%;
	margin: 0px auto;
	font-size: .7em
}	


table.status  {background-color: #418CC7; font-size: .7em; border: 1px solid #ffffff; color: #ffffff; width:100%}
table.status tr {border: 1px solid #ffffff; }
table.status td {text-align: right; border-left:1px #ffffff solid; padding:10}
table.status th {text-align: left; padding:10}
table.status td.tbl-footer {font-size: .5em}


#jobs {width:90%; }

#jobs ul {padding-left:0;font-family: arial}

#jobs ul li {list-style: none; text-indent: 0; padding: 0; margin: 0}

#jobs ul li.url {font-size: 1.4em; margin-bottom: 8px; color: #ED2224}
#jobs ul li.url a{color: #ED2224}

#jobs ul li.blurb {margin: 0 0 20px 0; text-indent: 0;  padding-left:0;}

#jobs ul li ul li {padding-left:0;}




/* IMPORT */

[canvas=container],
[off-canvas] {
    padding: 10px 20px;
}

[class*=js-] {
    cursor: pointer;
}

ul {
	list-style:none;
	font-family: 'norwesterregular';
	 padding: 0;

}

ul.sub li{
		margin-left: 5 !important;
		/*display:none*/

}

#smedia ul li{
	display: inline-block
}

#smedia {
	margin-bottom: 5
}

.slidebar-1, .left, .reveal{
	background-color: #ED2224 !important
}

ul li {text-indent: 0; margin: 0 0 20px 0; padding:0}


ul li a {text-decoration: none; color: #ffffff}


@font-face {
    font-family: 'norwesterregular';
    src: url('http://www.trumpugees.com/css/norwester-webfont.woff2') format('woff2'),
         url('http://www.trumpugees.com/css/norwester-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nexa_rust_sansblack';
    src: url('http://www.trumpugees.com/css/nexarustsans-black-free-webfont.woff2') format('woff2'),
         url('http://www.trumpugees.com/css/nexarustsans-black-free-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


	
	/* END IMPORT */
	
 .not-mobile {display:none}

}



/* PALETTE RED #ED2224 YELLOW #F6E456 LIGHT BLUE #418CC7 DARK BLUE #254996 */


@media only screen and (min-width: 481px)  {
.mobile {display:none} 




@font-face {
    font-family: 'norwesterregular';
    src: url('norwester-webfont.woff2') format('woff2'),
         url('norwester-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nexa_rust_sansblack';
    src: url('nexarustsans-black-free-webfont.woff2') format('woff2'),
         url('nexarustsans-black-free-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@keyframes flash {
            0%, 50%, 100% {
               opacity: 0;
            }
            25%, 75% {
               opacity: 1;
            }
         }

.flash {
            animation-name: flash;
            opacity: 0
         }



table .stats {
	border: 1px #ffffff solid;
}

th {text-align: center}
th {font-size: .8em}


#beam { background-image: url('http://www.trumpugees.com/img/laser_beam.png');
position: absolute;
opacity: 0;
height: 20px;
width:45%;
z-index: 999999999999;
background-repeat: repeat-x;
 -webkit-transform:    skewY(13deg);
	 transform:    skewY(13deg);
	-moz-transform: skewY(13deg);
    -o-transform: skewY(13deg);
    -ms-transform: skewY(13deg);
    transform: skewY(13deg);
    left:520;
    top: 336;
     -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 4s;
    


}


#beam2{ background-image: url('http://www.trumpugees.com/img/laser_beam.png');
position: absolute;
height: 20px;
opacity: 0;
width:48%;
z-index: 999999999999;
background-repeat: repeat-x;
 -webkit-transform:    skewY(20deg);
	 transform:    skewY(20deg);
	-moz-transform: skewY(20deg);
    -o-transform: skewY(20deg);
    -ms-transform: skewY(20deg);
    transform: skewY(20deg);
    left:496;
    top: 367;
     -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 4s;
    


}

#beam, #beam2 {
	display:none
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}



table.stats {
		border: 1px solid #000000; background-color:#418CC7; color:#ffffff; width:90%;
		margin: 0 auto 20px auto;
		}
		
table.stats td {
	border: 1px solid #ffffff; padding:10; 
}		

td.tbl-footer {font-size: .7em}

.tbl-title {color: #ED2224; font-size: 1.3em}
#jobs {width:90%}

#jobs ul {padding-left:0;}

#jobs ul li {list-style: none; text-indent: 0; padding: 0; margin: 0}

#jobs ul li.url {font-size: 1.4em; margin-bottom: 8px}

#jobs ul li.blurb {margin: 0 0 20px 0; text-indent: 0;  padding-left:0;}

#jobs ul li ul li {padding-left:0;}

a {text-decoration: none; color: #ED2224}

#comic-head h2 {
	font-family: 'nexa_rust_sansblack';
	color:#F6E456;
	font-size: 11em;
	-webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: black;
   text-shadow: 6px 6px 0px #000000;
   margin: -60 0 0 0;
   padding: 0;
   font-weight: 500;
   
   z-index: 1
   
   
	
}
.soon {font-size:2.6em; margin-top:10px}
#comic-head h2.where {font-size:5em; margin-top:20px}
#comic-head h2.life {font-size:5em; margin-top:20px}
#comic-head h2.PM {font-size:5em; margin-top:20px}
#comic-head h2.celebs {font-size:5em; margin-top:20}
#comic-head h2.trumpism {font-size:8em; margin-top:20}
#comic-head h2.immigration {font-size:5em; margin-top:20}
#comic-head h2.Canadian-Market,
#comic-head h2.working,
#comic-head h2.job-stats,
#comic-head h2.job-resource {font-size:3em; margin-top:20; -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px 0px #000000;
  padding: 0;
   font-weight: 500;
   line-height: 1em;
   z-index: 5}

#opener {
	margin-top:440px;
	text-align: left;
	width:50%;
	margin-left: 20px;
	font-size: 1.2em
}

/*.frame {width:400; height: 300}*/
img.celeb-pic {width:279; height: 279; object-fit: cover; overflow: hidden}

#celeb-list ul {padding-left: 0}

#celeb-list ul li {
	list-style: none; display: inline-block; height:400; vertical-align: top
}

#celeb-list h3 {margin: 5 auto 0 auto; padding: 0; width:274}
#celeb-list p {margin: 5 auto 20 auto; padding: 0; width:274}

#comic-head-small h2 {
	font-family: 'nexa_rust_sansblack';
	color:#F6E456;
	font-size: 3.5em;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px 0px #000000;
   margin: 20 0 0 0;
   padding: 0;
   font-weight: 500;
   z-index: 5
   
   
	
}

.fone {display:none}

#comic-callout, #comic-callout-home {
		background: #ED2224;
		border: 2px solid #000000;
		width: 30%;
		 -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,1) ;
  box-shadow: 5px 5px 0 0 rgba(0,0,0,1) ;
  padding: 10px;
  position: absolute;
  left:80px;
 
}

#comic-callout {top:250; }
#comic-callout-home {top:200; right:80px !important}

#comic-callout h2, #comic-callout-home h2,
#comic-callout h3, #comic-callout-home h3 {
		color: #F6E456;
		font-family: 'nexa_rust_sansblack';
		padding: 0;
		margin: 0;
		font-weight: 500;
		
}
				
#comic-callout h2, #comic-callout-home h2 {font-size: 4em; text-shadow: 2px 2px 0px #000000; -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;margin-bottom: -16px !important }

#comic-callout h3, #comic-callout-home h3 {text-shadow: 1px 1px 0px #000000; -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black; margin-bottom: -20px !important}

body {background: -webkit-linear-gradient(#418CC7, #254996); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#418CC7, #254996); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#418CC7, #254996); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#418CC7, #254996); }

.container {
	width: 940px; 
	height: 1216px;
	text-align: center;
	margin: 60px auto;
	background-color: #ffffff;
	border: 6px solid #000000;
	position: relative;
	
	
	
	}
	
	
.container_flex {
	width: 940px; 
	height: auto;
	text-align: center;
	margin: 60px auto;
	background-color: #ffffff;
	border: 6px solid #000000;
	position: relative;
		
	}	
	
	
#home-page {
	background-image: url('http://www.trumpugees.com/img/background_test.jpg');
	background-repeat: no-repeat
}

#life-canada {
	background-image: url('http://www.trumpugees.com/img/rough.jpg');
	background-repeat: no-repeat
}	


#where-page {
	background-image: url('http://www.trumpugees.com/img/where-is-Canada.jpg');
	background-repeat: no-repeat
}	

#history {
	background-image: url('http://www.trumpugees.com/img/history.jpg');
	background-repeat: no-repeat
}	


#house-canada {
	background-image: url('http://www.trumpugees.com/img/home-sale.jpg');
	background-repeat: no-repeat 
}

#house-canada-submit {
	background-image: url('http://www.trumpugees.com/img/home-sale.jpg');
	background-repeat: no-repeat 
}

#parliament {
	background-image: url('http://www.trumpugees.com/img/parliament.jpg');
	background-repeat: no-repeat;
	background-position-y: bottom; 
	
}

#employment-resources {
	background-image: url('http://www.trumpugees.com/img/Canada_Employment_Resources.jpg');
	background-repeat: no-repeat;
	background-position-y: bottom; 
	
}


#canadian-work-permit {
	background-image: url('http://www.trumpugees.com/img/canadian-work-permit.jpg');
	background-repeat: no-repeat;
	 
	
}


#background-image {
	position: absolute;
	z-index: 0;
	top:0
}	
	
#page-image {
	width:100%;
	height: 575;
	}	
	
footer {
	width:940px;
	margin: 0px auto
}	


#site-id {position: absolute; z-index: 999; top:-50; left:26}

nav ul {font-family: 'norwesterregular', arial, "san-serif"; padding: 0px; margin: 0 0 0 0}

nav ul li {list-style: none; display: inline-block; margin-right: 10px; margin-top: -10px; margin-bottom: -10px}
nav ul li:first-child {margin-left: 0; padding-left: 0}


nav ul li h3{background-color: #F6E456; padding: 5px; -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,1) ;
  box-shadow: 1px 1px 0 0 rgba(0,0,0,1) ; font-size: 1.3em; font-weight: 500}





nav {
	 -webkit-transform:    skewY(-3deg);
	 transform:    skewY(-3deg);
	-moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    background-color: #ED2224;
    margin-left: -36px;
    margin-right: -36px;
    margin-top: 30px;
    z-index: 555;
    
   border: 3px solid #000000;
   position: relative;
   z-index: 10
   
}



nav:before {
  /* this creates the "folded" part of our ribbon */
  
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -28px;
  left: 0;
  border-top: 28px solid #000000;
  border-left: 28px solid transparent;
  -webkit-transform:    skewY(-3deg);
	 transform:    skewY(-3deg);
	-moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    z-index: -999
}





nav:after {
  /* this creates the "folded" part of our ribbon */
  
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -28px;
  right: 0;
  border-top: 28px solid #000000;
  border-right: 28px solid transparent;
  -webkit-transform:    skewY(-3deg);
	 transform:    skewY(-3deg);
	-moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
}


ul.dropdown {
	background-color: #F6E456;
	-webkit-transform:    skewY(-3deg);
	 transform:    skewY(-3deg);
	-moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    border: 1px solid #000000;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,1) ;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,1) ;
   padding: 20 5 5 5;
   	
} 


ul.dropdown li {list-style: none; line-height: 2em;

		

			
}

ul.dropdown li a {
	color: black;
	font-family: arial, sans-serif
}

ul.dropdown li a:hover {color: #ED2224}


#about, #immigration, #home-buying, #working, #trumps  {
		position: absolute;
		display:none
		
}

#about {left:-1; width:17%; top:78; 	
}

#immigration {left: 160; width:25.5%; top:68
	
}

#trumps {left: 150; width:16.5%; top:68
	
}

#home-buying {left: 500; top:55; width:24.5%
	
}

#working {left:720; width:22%; top: 40
	
}

#text-body.history-text {margin-top:380px}

#text-body.buying-home {margin-top:-40}

#text-body.workers {margin-top:325}
#text-body.jet {margin-bottom:630}

#lady {
	position:absolute;
	right:0;
	top:371
}

#lady img {width:300px}

#man {
	position:absolute;
	left:0;
	top:418
}
#man img {width:350px}


#ledge {
	position:absolute;
	right:0;
	top:558
}

#trump_monster {
	position:absolute;
	width: 200; 
	left:335;
	top:232;
	-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    animation-iteration-count: 1;
    animation-delay: 3.2s;
}

.historical {font-size:.9em}

#trump_monster img {width:300px}


.shaker {
  animation: shake .5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
  
  
}

#social-media-links {
position: absolute;
 -webkit-transform:    skewY(-3deg);
	 transform:    skewY(-3deg);
	-moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    right:40;
	top:-55;
	width:250
    }
    
#social-media-links img {
	width:90%
}
    


#social-media-links ul li {
	list-style: none;
	display: inline-block;
	margin: 0 -10 0 0;
	padding: 0 0 0 0;
	
	
	
	
}    



#Justin-Trudeau, #Justin-Trudeau2 {
	position: absolute;
	bottom:-22px;
	right:-40px
}

#text-body {text-align: left; width:90%; margin:5px auto; padding:15px; background-color: #F6E456; -webkit-box-stroke-width: 3px;
  
   box-shadow: 6px 6px 0px #000000; margin-bottom: 40px}
   
#text-body.where  {margin-top:430} 
#text-body.life {margin-top:400}
   
#buying-from-outside-canada-form    {
	background-color: #ffffff;
	border: 4px dashed #000000;
	width:80%;
	padding: 5%;
	margin: 10px auto
	
	
}





}