.banner_2020 {margin-top:120px;margin-bottom:20px;}
.banner_2020 .left{display:inline-block;vertical-align:top;width:560px;margin:0 20px}
.banner_2020 .left .top{display:block;height:220px;}
.banner_2020 .left .top img{width:50%;display:inline-block;vertical-align:top;}
.banner_2020 .left .btm{display:block;height:260px;background:#F03E2A;position:relative;}
.banner_2020 .left .btm img{position:absolute;margin:15px;max-width:100%;}
.banner_2020 .right{display:inline-block;vertical-align:top;width:calc(100% - 640px);margin: 0 5px;position:relative;}
.banner_2020 .right .image{position:relative;overflow:hidden;height:480px;}
.banner_2020 .right .image .image-inner{width:100%;height:100%;background:#0063A7 url(/cda_dev/resources/img/header/banner_2020/earth.jpg);background-size:cover;background-position:right top;}
.banner_2020 .right .btm img{position:absolute;right:0;bottom:0;margin:15px;max-width:calc(100% - 30px)}

.fadein{opacity:0;animation: fadeIn 1s ease-in-out ;animation-fill-mode: forwards;}
.zoomin{animation: zoomin 30s ease-in-out ;animation-fill-mode: forwards;}
.d1 {animation-delay: .5s;}
.d2 {animation-delay: 1s;}
.d3 {animation-delay: 1.5s;}
.d4 {animation-delay: 2s;}
.show-mobile{display:none;}   
  
@media only screen and (max-width: 1200px) {
    .hide-mobile{display:none !important;}   
    .show-mobile{display:inline !important;}
    
     .banner_2020 .left{width: calc(40% - 20px);margin: 0 10px;}
     
     .banner_2020 .left .top img {width:210px;}
	 .banner_2020 .left .btm img {position: inherit;margin: 15px;width: calc(100% - 30px);}
     .banner_2020 .right{width: calc(60% - 20px);margin: 0 10px;}
	 .banner_2020 .right .top{height:80px;}
	 .banner_2020 .right .image{height:400px;}
	 .banner_2020 .right .top img {width:210px;}
}
@media only screen and (max-width: 770px) {
    .banner_2020 {margin-top:20px;}
}

@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes zoomin {from {transform: scale(1);}to {transform:scale(1.25);}}


.splash-container {margin-top:120px;padding:12px;}
.splash-container img{width:100%;}
.col {display:inline-block;min-height:1px;vertical-align:top;}
.col-inner {padding: 15px 15px 40px 15px;margin: 5px;background:#def;}
.col.col-1 {width:20%;max-width:300px;}
.col.col-2 {width:40%;max-width:600px;}
.col.col-3 {width:60%;max-width:900px;}
.pages.splashed {margin:0;}