﻿/* Mobile */
@media screen and (max-width: 992px) {
    h1 {
        font-size: 4em;
    }
    h2 {
        font-size: 2.5em;
    }
    h3 {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1.2em;
    }
    h5 { 
        font-size: 0.8em;
    }
    #MainContent {
        font-size: 1.5em;
        line-height: 2em;
        padding: 15px;
        min-height:250px;
    }
}
/* PC */
@media screen and (min-width: 992px) {
    h1 {
        font-size: 7em;
    }
    h2 {
        font-size: 4em;
    }
    h3 {
        font-size: 2em;
    }
    h4 {
        font-size: 1.5em;
    }
    h5{
        font-size: 0.8em;
    }
    #MainContent {
        padding: 40px;
        font-size: 2em;
        line-height: 2em;
        min-height:300px;
    }
    .container {        
        margin-top: 50px;
        margin-bottom: 50px; 
    }
    .form-control {
        font-size: 26px;
    }
}
/* Common */
body {    
    background: url(background7.jpg);
    background-size: cover;
}
.container {
    font-family: 'Parisienne', cursive;
}
.row {
}
h1, h2, h3, h4 {
    text-align: center;    
}
h3
{
    margin:20px;
}

#Header {
    font-family: 'Edwardian Script ITC';
    background:#ccc;
    color:#063d71;
}
#Ribbon {
    border-top: 2px #085296 solid;
    border-bottom: 2px solid #888;
    background: #063d71;
    color: #ccc;    
}
#Footer {
    border-top: 2px #085296 solid;
    background: #063d71;
    color: #ccc;    
}
#MainContent {
    background:#ccc;    
    color:#063d71;  
}

#CodeInput{
    border: 1px solid #063d71;
    font-size: 1em;
    font-family: "Open Sans";
    color: #063d71;
    text-align:center;
    text-transform: uppercase;
    float: left;
    width: 240px;
    height: 60px;
}
#GoButton {
    width: 60px;
    background: #063d71;
    float: left;
    height: 60px;
    padding: 2px;
    color: #ccc;
    font-size: 24px;
    text-align: center;
    font-family: "Open Sans";
    cursor:pointer;
    line-height: 60px;
}
#GoButton:hover {
    color:#59b;
}
#Notification {
    background: #ccc;
    padding: 20px;
}
#Notification > div {
    background: rosybrown;
    padding: 0px;
}
.btn {
    font-size: 20px;
}