#alert {
    padding: 15px;
    background-color:#ffb722; /* #ff9769; #000; */
    margin-top: 0px;
    background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Ctitle%3Ealert%3C%2Ftitle%3E%3Cpath%20d%3D%22M24%2C38.76a1.82%2C1.82%2C0%2C1%2C0-1.82-1.82A1.82%2C1.82%2C0%2C0%2C0%2C24%2C38.76Zm18.07%2C4.31H5.93a1%2C1%2C0%2C0%2C1-.88-1.42L23.12%2C5.44a1%2C1%2C0%2C0%2C1%2C1.76%2C0L42.95%2C41.64A1%2C1%2C0%2C0%2C1%2C42.07%2C43.07Zm-34.55-2h33L24%2C8.07ZM24%2C32.79a1%2C1%2C0%2C0%2C1-1-1V18.33a1%2C1%2C0%2C0%2C1%2C2%2C0V31.79A1%2C1%2C0%2C0%2C1%2C24%2C32.79Z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 75px;
    background-size: 40px 40px;
    padding-left: 65px;
    padding-top: 15px;
    padding-bottom: 15px;
        
        width:93.5%; /*test*/
}

.alert-wrapper {
	display: flex;
    width: 100%;
}

#alert h2 {
    margin-bottom: 3px !important;
    font-size: 17px;
    font-weight: 600;
    margin-left:75px;
    margin-top: -5px !important;
    float: left;
    width: 22%;
}

.alert-heading {
	padding-left:75px;
}

#alert-2 {
	padding-top: 8px;
}

#alert p {
	margin-bottom: 0;  
	line-height: 1.35em !important; 
    margin-left:50px;
    font-size: 1.0625rem;
    width:90%;
}


#alert p:not(:last-child) {
	margin-bottom: 0.5em;
}

#alert a {
	color: #005C50;
}

#alert a:hover {
	color: #1e252a;
}


#closebtn {
    margin-left: 15px;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    right: 115px;
    position: absolute;
    /*display: none;*/
    z-index: 1;
}

#closebtn:hover {
    color: black;
}


@media screen and (max-width: 1199.98px) {

	#alert { margin-top: 0; width:100%; background-image: none; padding-left: 15px }
    #alert p {padding-left: 0; margin-left: 0;}
    #closebtn {right: 10px; }
	

}

@media screen and (max-width: 768px) {

	#alert {
    	background-size: 40px 40px;
        background-position-x: 20px; 
        padding-left: 60px;
    }
    
    .alert-wrapper {
    	display:inline-table;
    }
    
    #alert h2 {
    	width: 100%;
        margin-left: 25px;
    }
    
    #alert p {
    	width: 95%;
        /* margin-left: 25px; */
    }
    
    .alert-heading {
    	    padding-left: 14px;
    	padding-bottom: 2px;
    }
	
	#closebtn {
		top:189px;
	}
	
}

@media screen and (max-width: 600px) {

	#alert { margin-top: 0; }
	#alert h2 { font-size: 15px; }
	#alert p { font-size: 0.8em; }

}

@media screen and (max-width: 600px) {
	
    #alert {
      background-position-x: 10px;
      padding-left: /* 45px */ 25px;
	}
    
    /*#alert h2 {
        margin-left: 20px;
    }
    
     #alert p {
        margin-left: 20px;
    }*/
}
