html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body{
    margin: 0;
    background-color: #efefef;
    font-family: verdana;
}

a {
    color: #232323;
}

.top {
	background-color: #232323;
    text-align: center;
    height: 20%;
    color: #ffffff;
    padding: 12px;
    width: 100%;
}

.footer {
    font-size: 12px;
    background-color: #454545;
    padding: 18px;
    color:#ffffff;
    bottom: 100%;
    width: 100%;
}

.footer a {
    color: #ffffff;
}

.header {
    font-size: 18px;
    background-color: #454545;
    padding: 12px;
    text-align: center;
    color: #232323;
    width: 100%
}

.header a {
    color: #ffffff;
    padding: 18px;
    cursor: pointer;
    text-decoration: underline;
}

.scroll {
    position: fixed;
    top: 0;
    width: 100%;
}

.content-left {
    color: #232323;
    font-size: 18px;
    padding-right: 0.5%;
    padding-left: 9%;
    width: 40%;
    vertical-align: top;
}

.content-right {
    color: #232323;
    font-size: 18px;
    padding-left: 0.5%;
    width: 40%;
    text-align: left;
    vertical-align: top;
}

.content-left img {
    width: 75%;
    max-width: 75%;
    text-align: right;
    padding-left: 20%;
    padding-bottom: 12px;
}

.content-right img {
    width: 75%;
    max-width: 75%;
}

.content-left a:link {
    color: #232323;

}

.content-right a:visited {
    color: #232323;

}

.content-right a:hover {
    color: #232323;

}

.content-right a:active {
    color: #232323;
}

.title {
    padding-left: 9%;
    color: #232323;
}

.title2 {
    padding-left: 50%;
    color: #232323;
}