/********************** DEFAULT STYLES **********************/

.alertcontainer {
    width: 100%;
    height: auto;
    background-color: #0468B0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #fff;
}

.alertbox {
    text-align: center;
}

.alertbox a {
    color: #fff;
    transition: 0.2s;
}

    .alertbox a:hover {
        color: #fff;
    }

.alertbox p {
    margin-bottom: 0px !important;
}


/************************************************************/

@media screen and (min-width: 320px)  {

    .alertbox {
        width: 296px;
        padding: 16px 12px 12px 12px;
        font-size: 0.95em;
        margin: auto;
    }

}

/************************************************************/

@media screen and (min-width: 375px)  {

    .alertbox {
        width: 360px;
    }


}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {



}

/************************************************************/

@media screen and (min-width: 414px)  {

	.alertbox {
        width: 414px;
        padding: 12px;
        margin: 10px auto auto auto;
    }

}

/************************************************************/

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

	

}

/************************************************************/

@media screen and (min-width: 568px) {

   .alertbox {
        width: 568px;
        padding: 12px;
        margin: 8px auto auto auto;
    }

}

/************************************************************/

@media screen and (min-width: 667px) {

	.alertbox {
        width: 667px;
    }

}

/************************************************************/

@media screen and (min-width: 736px)  {

    .alertbox {
        width: 736px;
        margin: 6px auto auto auto;
    }

}

/************************************************************/

@media screen and (min-width: 768px)  {

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {


    	
}

/************************************************************/

@media screen and (min-width: 992px)  {

    .alertbox {
        width: 700px;
        padding: 12px 24px;
        margin: 34px auto auto auto;
    }


    
    .container-03 {
        padding-top: 250px !important;
    }    

}

/************************************************************/

@media screen and (min-width: 1024px)  {

    .alertbox {
        width: 900px;
    }

}

/************************************************************/

@media screen and (min-width: 1115px)  {

    .alertbox {
        margin: 20px auto auto auto;
    }

}

/************************************************************/

@media screen and (min-width: 1266px)  {

}

/************************************************************/

@media screen and (min-width: 1280px)  {

    .alertbox {
        width: 1280px;
        margin: 24px auto auto auto;
    }


    
    .container-03 {
        padding-top: 250px !important;
    }    
	
}

/************************************************************/

@media screen and (min-width: 1281px)  {



}

/************************************************************/

@media screen and (min-width: 1366px)  {

}

/************************************************************/


@media screen and (min-width: 1600px)  {

}

/************************************************************/

@media screen and (min-width: 1920px)  {

}

/************************************************************/