@font-face {
    font-family: 'rampung';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Rampung.ttf');
}

@font-face {
    font-family: 'prestige';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/PrestigeEliteStd-Bd.otf');
}

body {
    background: url(../img/bgDefense.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: black !important;
}

#opacity{
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin-top: 20px;
    margin-left: 250px;
    margin-right: 250px;
    padding-top: 15px;
    padding-bottom: 15px;
} 

h1{
    font-family: 'rampung';
}

strong{
    color: red;
}

p{
    color: white;
}

@media screen and (max-width: 768px){

#opacity{
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin-left: 80px;
    margin-right: 80px;
    padding-top: 15px;
    padding-bottom: 15px; 
} 
}

@media screen and (max-width: 991px){

#opacity{
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 15px;
    padding-bottom: 15px; 
} 
}