* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,html {
	font-family: Roboto, Helvetica, Verdana, sans-serif;
	color: #292929;
	font-size: 16px;
	text-rendering: optimizeLegibility;
}

h2 { 
	text-align: center;
	margin-bottom: 20px;
 }

p {
	font-family: Cardo, serif;
	margin-top: 16px;
	margin-bottom: 16px;
}

a:visited,
a:link { color: #f82028; }

span { text-decoration: line-through; }

.background {
	background-image: url(img/duterte-background-min.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    overflow-x: hidden;
}

.content-background {
	width: 80%;
	margin-top: 7%;
	margin-left: 10%;
	background-color: rgba(255,255,255,0.7);
	padding-bottom: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.row {
	width: 70%;
	margin-left: 15%;
}

img {
	margin-top: 50px;
	width: 60%;
	margin-left: 20%
}

#quote-border { position: relative; }

#success-msg {
	text-align: center;
	height: 100px;
	width: 200px;
	line-height: 100px;
	position: absolute;
	top: 5px;
    left: 50%;
	margin-left: -100px;
	visibility: hidden;
	-webkit-animation-duration: .5s;
    animation-duration: .5s;
    border: 1px solid #fff;
    background-image: url(img/philippine-flag-op50.svg);
    background-size: cover;
    background-position: center;
    border-radius: 5px;
}

.form-div {
	margin-top: 50px;
	text-align: center;
	color: white;
	font-size: 1.1em;
}

select { 
	font-size: .9em;
	background-color: white;
	color: #292929;
	
 }

 .copy-btn {
 	margin: 10px auto 10px auto;
 	display: block;
 	padding: 5px;
 	border-radius: 5px;
 	color: gray;
 	background: white;
 	border: none;
 
 }

.submitbtn {
	margin: 30px auto 100px auto;
	text-align: center;
	font-weight: bold;
	display: block;
	font-size: 1.2em;
	padding: 8px 10px;
	color: #292929;
	border-radius: 5px;
	border: 5px solid #292929;
	background: white;
}

.submitbtn:hover {
	color: #f82028;
	border: 5px solid #0c1a96;
	background: #fffb48;
}

footer {
	background-color: #333;
	color: #888;
	font-size: .8em;
	padding: 30px;
}

.footer-nav { 
	list-style: none;
	float: left;
	margin-bottom: 10px;
}

.footer-nav li {
    display: inline-block;
    margin-right: 15px;
}

.footer-nav li:last-child{ margin-right: 0; }

.footer-nav li a:link,
.footer-nav li a:visited { color: #888; }

#about:hover { color: #f82028; }
#contact:hover { color: #0c1a96; }

.social-links { float: right; }

.photo-credit {
	margin-top: 70px;
	text-align: center;
}

.photo-credit a:link,
.photo-credit a:visited { color: #888; }

.photo-credit a:hover { color: #fffb48; }


.copyright {
	padding-top: 10px;
	text-align: center;
}

.update { 
	font-family: Roboto, Helvetica, Verdana, sans-serif; 
	margin: 16px 0;
}