body{
  font: 20px/1.5 Arial, Helvetica,sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  padding:0;
  margin:0;
  background-image: url(Background/21.jpg);
}

header{
  background-image: url(Background/144.jpg);
  color:#ffffff;
  padding-top:30px;
  min-height:70px;
  border-bottom:#f44242 3px solid;
  margin: auto;
}

.container{
  width:80%;
  margin:auto;
  overflow:hidden;
}

header .logo .img{
    float: left;
    max-height: 60%;
    max-width: 60%;
}

header .banner{
    float: right;
    color: #002966;
    text-align: center;
}

nav {
    background-color:#000;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
    text-align: center;
    border-bottom: #f44242 3px solid;
}

nav li{
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
}

nav li a {
    color: #fff;
}

nav li a:link, nav li a:visited{
    text-decoration: none;
    text-align: center;
}

nav li a:hover, nav li a:active{
    text-decoration: none;
    text-align: center;
    background-color: green;
}

main{
    text-align: center;
    min-height: 70px;
}

main #welcome{
    margin-top: auto;
    text-align: center;
    color: #fff;
    margin: auto;
    background: 100%;
    border-radius: 25px;
    background-color: #4880db;
}

main .img-plan{
    max-height: 60%;
    max-width: 60%;
    border-radius: 10px;
}

#boxes{
  margin-top:20px;
}

#boxes .box{
  float:left;
  text-align: center;
  width:30%;
  padding:10px;
  color: #fff;
}

#boxes .box img{
  max-width: 260px;
    max-height: 200px;
    border-radius: 10px;
}

#tab{
    background: #fff;
    margin: auto;
    border-radius: 10px;
}

form{
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
input[type=text], textarea {
    width: 80%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}


footer{
    padding: 2px;
    background-color: #000;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-size: 15px;
    font-variant: normal;
    border-radius: 10px;
}

@media(max-width: 960px){
    header .banner,
    header .logo,
    header .logo .img{
        float: none;
        text-align:center;
        width:100%;
    }
    
li a {
    display: block;
}
 
#boxes .box{
        float: none;
        text-align:center;
        width:100%;
  }
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}