@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Arvo:400,700&display=swap');


body {
    font-family: "Arvo";
    margin:0;
    padding:0;
    background: #333;
}
a {
    transition: .5s all;
    text-decoration: none;

}
a.btn {
    background: red;
    color: white;
    padding: 20px;
    border-radius: 11px;
    border: 2px solid #8a0909;
    font-weight: 900;
}
a.btn:hover {
    background: #8a0909;
}

h3 {
padding:0;
margin:0;
}
.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.no-wrap {flex-flow: nowrap;}
.vcenter {align-items: center;}
.columns {flex-direction:column;}
.rows {flex-direction:row;}
.center {align-content: center;}
.space-even {justify-content: space-evenly;}

img {
    max-width:100%;
    height:auto;
}

.photo {
    max-width: 44%;
    margin: 2px;
}

#contentCell {
    margin: 0 auto;
    max-width: 1800px;
background:#dadada;
}
#navCell, #secnav {
	margin: 0 auto;
        padding: 18px 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
       background: #333;
}
.navigation, .nav2a {
	display: flex;
    flex-wrap: wrap;
}
.navigation li, #secnav li {
	list-style: none;
	padding: 0px 5px 15px 5px;
	top-margin: 0px;
	text-indent: 0px;
}
#navcell a, #navcell a:visited,#secnav a, #secnav a:visited  {
	display: flex;
    flex-wrap: wrap;
    color: white;
text-transform:uppercase;
}
#navcell a:hover, #secnav a:hover {
color:#bd042f;
background: rgba(255, 255, 255, 0.4);
padding:5px;
border-radius: 5px;
}
#secnav {
background:#3b555c;
}
 section.billboard {
    background: #2c3e42;
    text-align: center;
    color: white;
padding:20px;
min-height:100vh;
}
.billboard .text h3 {
    font-size: 2em;
}
.text {
font-size:1.3em;
}


iframe#sotellus {
    min-height: -webkit-fill-available;
    min-width: 313px;
}

.cody-banner {
  padding: 20px;
background-image: url('clientfiles/Bill-Cotter-Test-Site/images/86011_orig.jpg');
background-size: cover;
background-repeat: no-repeat;
}

.test-title {
color: red;
}

.test-img-container {
width: 200px;
height: 200px;
}

.test-img {
width: 200px;
height: 200px;
}

.test-img:hover {
transform: scale(1.1)
}