* {
    box-sizing: border-box;
}

body {
  margin: 0;
  background-color: tan;
}

/* Style the header */
.header {
  padding: 50px;
  text-align: center;
}

.centered{
  text-align:center;
}

h3.center {
  text-align: center;
}

/* Create three columns of different widths */
.column {
  float: left;
  padding: 10 px;
  text-align: center;
}

/* Middle column */
.column.middle {
    width: 70%;
}

.column.side {
    width: 15%;
}

.floating-box {
    display: inline-block;
    width: 250px;
    height: 250px;
    margin: 5px 5px 5px 5px;
    border: 5px solid DarkGoldenRod;
}

.floating-box_2 {
    display: inline-block;
    width: 400px;
    height: 230px;
    margin: 20px auto;
    border: 5px solid DarkGoldenRod;
    text-align: center;
}

.floating-box_3 {
    display: inline-block;
    width: 600px;
    height: 220px;
    margin: 20px auto;
    border: 5px solid DarkGoldenRod;
    text-align: center;
}

.floating-box_4 {
    display: inline-block;
    width: 600px;
    height: 100px;
    margin: 20px auto;
    border: 5px solid DarkGoldenRod;
    text-align: center;
}

.floating-box_5 {
    display: inline-block;
    width: 600px;
    height: 160px;
    margin: 20px auto;
    border: 5px solid DarkGoldenRod;
    text-align: center;
}

.floating-box_6 {
    display: inline-block;
    width: 250px;
    height: 250px;
    margin: 5px 5px 5px 5px;
    border: 5px solid DarkGoldenRod;
}

.floating-box_7 {
    display: inline-block;
    width: 480px;
    height: 390px;
    margin: 5px 5px 5px 5px;
    border: 5px solid DarkGoldenRod;
}

.floating-box_v {
    display: inline-block;
    width: 450px;
    height: 350px;
    margin: 20px;
    border: 10px double Gold;  
}

.floating-box_cq {
    display: inline-block;
    width: 700px;
    height: 435px;
    margin: 20px;
    border: 5px solid DarkGoldenRod;  
}

p.left1 {
  float: left; 
  font-size: 9pt; 
  text-align: center; 
  width: 30%;
  margin-right: 90px;
  margin-left: 20px;
}

p.left2 {
  float: left; 
  font-size: 14pt; 
  text-align: center; 
  width: 30%;
  margin-right: 90px;
  margin-left: 20px;
}

p.left3 {
  float: left; 
  font-size: 12pt; 
  text-align: left; 
  width: 90%;
  margin-right: 10px;
  margin-left: 10px;
}

p.right1 {
  float: left; 
  font-size: 9pt; 
  text-align: center; 
  width: 30%;
  margin-right: 20px;
  margin-left: 90px;
}

p.right2 {
  float: left; 
  font-size: 14pt; 
  text-align: center; 
  width: 30%;
  margin-right: 20px;
  margin-left: 90px;
}

p.center {
  text-align: center;
}

img.right {
  float: right;
  margin-right: 20px;
}

img.left {
  float: left;
  margin-left: 20px;
}

img.oval {
  border-radius: 50%;
}

img.small {
  height: 240px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.after-box {
    clear: left;
    border: none;      
}

/* Style the footer */
.footer {
  padding: 10px;
  text-align: center;
}

/* Responsive layout - makes the three columns stack on top of each other 
instead of next to each other */
@media (max-width: 600px) {
    .column.side, .column.middle {
        width: 100%;
    }
}

p.cpyrt {
    text-align: center;
    font-size: small;
}

.block-box_abtn {
    display: inline;
    width: 170px;
    height: 60px;
    margin: 5px 5px 5px 5px;
    border: none;
}

a.btn:link, a.btn:visited {
    background-color: DarkGoldenRod;
    color: black;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a.btn:hover, a.btn:active {
    background-color: brown;
}

hr.bs { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 3px;
    color: dark-blue;
    background-color: dark-blue;
}