.logo{
    *border:1px solid red;
}
.btn-get-started{
    background: none !important;
}
.btn-get-started img{
    height:200px;
}

.cs.dropdown, .wa-btn{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
}
.wa-btn img{
    height:60px;
}

.cs.dropdown {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
    display: inline-block;
}

.cs.dropdown .dropdown-content {
    list-style: none;
    padding:0px; margin:0px;
    display: none;
    position: absolute;
    right:0;
    bottom:60px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0px;
    z-index: 1;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.cs.dropdown .dropdown-content li a{
    display: block;
    padding:10px;
    color:black;
    font-weight: bold;
}
.cs.dropdown .dropdown-content img {
    height:30px;
    margin-right:10px;
}
.cs.dropdown .dropdown-content li a:hover{
    background-color: #eeeeee;
}

.cs.dropdown:hover .dropdown-content {
    display: block;
}

.cs.dropdown .dropdown-content:after, .cs.dropdown .dropdown-content:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.cs.dropdown .dropdown-content:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f9f9f9;
	border-width: 5px;
	margin-left: 40px;
}

@media (max-width: 1000px) {
    #header {
        padding: 8px 0;
    }
    #header .logo a img{
        height:30px;
    }
    #header .logo a span{
        font-size:0.8em !important;
    }
    .btn-get-started img{
        height:140px;
    }
    #hero h2{
        font-size:2em;
    }
    .wa-btn{
        position:fixed;
        right:80px;
        bottom:40px;
        z-index:9999;
    }
}

@media (max-width: 780px) {
    #header {
        padding: 8px 0;
    }
    #header .logo a img{
        height:30px;
    }
    #header .logo a span{
        font-size:0.8em !important;
    }
    .btn-get-started img{
        height:140px;
    }
    #hero h2{
        font-size:1.4em;
    }
    .wa-btn{
        position:fixed;
        right:20px;
        bottom:20px;
        z-index:9999;
    }
}

@media (max-width: 420px) {
    #header {
        padding: 20px 0;
    }
    #header .logo a img{
        *height:30px;
    }
    #header .logo a span{
        display: none;
        font-size:1em !important;
    }
    .btn-get-started img{
        height:140px;
    }
}