body {
    background-color: #f5f5f5;font-family: 'Montserrat', sans-serif;
}
.d-flex {
    display:flex;
}
.align-center {
    align-items: center;			
}
.container {
    align-items: center;
    max-width: 90%;
}
.col-L {
    padding:2em;
}
	
.color-white{fill:#FFFFFF;}	
.logo {
    height: 40px;
    width: 40px;
    font-size: .5em;
    background-color: #ffcb1f;
    border-radius: 50%;
    padding: 1em;
    margin: 1em;		    
}						
h1 {
    margin: 0;
    font-size: 5vmax;
    font-size: 36px;
    font-size: 7vmin;
    color:000;
}	
.st0{fill:#FFCB1E;}
.st1{fill:#FFB8B8;}
.st2,.st4,.st7 {
    stroke:#3F0E8C;
    stroke-miterlimit:10;
}
.st2{fill:none;}
.st3{fill:#FFFFFF;stroke:#1D1D1B;stroke-width:0.9847;stroke-miterlimit:10;}
.st4{
    fill:#00D292;
}
.st5{fill:#00D292;}
.st6{fill:#00CCCB;}
.st7{fill:#00CCCB;}
.st8{fill:none;stroke:#1D1D1B;stroke-width:0.9847;stroke-miterlimit:10;}	
.st4,.st5,.st6{
    -webkit-animation: downMotion 8s ease-in-out infinite;
    -moz-animation: downMotion 8s ease-in-out infinite;
    animation: downMotion 8s ease-in-out infinite;
}	
.st0{
    -webkit-animation: upMotion 10s ease-in-out infinite;
    -moz-animation: upMotion 10s ease-in-out infinite;
    animation: upMotion 10s ease-in-out infinite;
}
.st7,.run{
    -webkit-animation: upMotion 6s ease-in-out infinite;
    -moz-animation: upMotion 6s ease-in-out infinite;
    animation: upMotion 6s ease-in-out infinite;
}
.rotate {
    transform-origin: 116px 88px;
    -webkit-animation: 4s rotate infinite linear;
    animation: 4s rotate infinite linear;
}   		
 @keyframes downMotion {
     0% {transform: translate(0, -15px);}
     50% {transform: translate(0, 0); }
     100% {transform: translate(0, -15px);}
  }
 @-webkit-keyframes downMotion {
     0% {transform: translate(0, -15px);}
     50% {transform: translate(0, 0); }
     100% {transform: translate(0, -15px);}
  }
 @-moz-keyframes downMotion {
     0% {transform: translate(0, -15px);}
     50% {transform: translate(0, 0); }
     100% {transform: translate(0, -15px);}
  } 		  		 
 @keyframes upMotion {
     0% {transform: translate(0, 15px);}
     50% {transform: translate(0, 0); }
     100% {transform: translate(0, 15px);}
  } 
 @-webkit-keyframes upMotion {
     0% {transform: translate(0, 15px);}
     50% {transform: translate(0, 0); }
     100% {transform: translate(0, 15px);}
  }  
 @-moz-keyframes upMotion {
     0% {transform: translate(0, 15px);}
     50% {transform: translate(0, 0); }
     100% {transform: translate(0, 15px);}
  }   		 		 
@keyframes rotate {100% {transform: rotate(360deg); } }
@-webkit-keyframes rotate {100% {-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {100% {-webkit-transform: rotate(360deg); } } 
@-o-keyframes rotate {100% {-webkit-transform: rotate(360deg); } }		 		 	
@media only screen and (min-width: 992px) {
    .container {
        justify-content: center;
        height: calc(100vh - 16px);
        display: flex;
        flex-wrap: wrap;
    }			
    .col-L {
        width:40%;
        margin-right:10%;
    }
}
@media only screen and (max-width: 991px) {
    .flex-column {
        flex-direction: column;
    }
}