body {
	background-image: url("./backgroundimages/Desktop-background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	color: #0B2C71;
	font-family: arial;
	font-size: 36pt;
    text-align: left;
    font-weight:bold;
}

@media screen and (min-width: 300px) and (max-width: 480px) {
    body {
        background-image: url("./backgroundimages/mobile-background.jpg");
        background-size: cover;
        background-position:0% 100%;
        background-repeat: no-repeat;
        color: #0B2C71;
        font-family: arial;
        font-size: 36pt;
        text-align: left;
        font-weight:bold;
    }
    
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
    body {
        background-image: url("./backgroundimages/tablet-background.jpg");
        background-size: cover;
        background-position:80% 0%;
        background-repeat: no-repeat;
        color: #0B2C71;
        font-family: arial;
        font-weight:bold;
        font-size: 36pt;
        text-align: left;

    }
    
}
.logostyle{

    width: 50%;
    height: auto;
    
    display: block;
    margin-left:12%;

    
}
.maincontainer{
    padding-top:10%;
    

}

.h1{

    font-style:helvetica;
    font-size:60%;
    font-color: #0B2C71;
    text-align: left;
    font-weight: bold;

}
.btn-primary {
	background-color: #0B2C71 !important;
	border-color: #0B2C71 !important; 
	color: #FFFFFF;
	
}

.btn-primary:hover {
	background-color: #0b2c71 !important;
	border-color: #0b2c71 !important;
	color: #FFFFFF;
}

.btn-secondary {
    /*background: linear-gradient(90deg, rgba(11,44,113,1) 0%, rgba(114,190,68,1) 100%);*/
    background-color: #72be44;
    text-decoration: none;
    font-family: Arial;
    font-weight:100;
    color: #ffffff;
    border-radius: 8px;
    padding:5px;
    margin-top: 20px;

}

.linkstyle {
    text-decoration: none;
    font-family: Arial;
    font-size: 40%;
    font-weight:100;
    color: #ffffff;
}

.btn {
	border-radius: 10px !important;
}
/* banner message CSS */
#banner {
    position: absolute;
	padding: 30px 0;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #3B6CB4;
    color: #FFFFFF;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}
.cssanimations.csstransforms #banner {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}
#close {
   position: absolute;
	top: 10px;
   right: 28px;
   font-size: 28px;
   cursor: pointer;
}
.cssanimations.csstransforms #close {
  display: none;
}