* {
    margin:0px;
    padding:0px;
}

body {
    font-family:"Comfortaa", sans-serif;
}

/* repeatable classes */

.clearfix {
    clear:both;
}

.bold_text {
    font-weight: bold;
}

.page_section {
    padding-top:50px;
    padding-bottom:50px;
    text-align: center;
}

.content {
    white-space:break-spaces;
}

h1, h2, h3, h4, h5, h6, p, ul li, ol li {
    margin-bottom:0px;
    font-family:"Comfortaa", sans-serif;
}

ul, ol {
    margin-bottom:0px;
}

p {
    line-height: 24px;
}

.full_width {
    width:100%!important;
}

.info_blocks {
    margin-top:25px;
}

.info_block {
    margin-bottom:25px;
}

.info_block img {
    width:65%;
    margin-bottom:15px;
}

.info_block img:hover {
    opacity: .5;
}

.page_title {
    margin-bottom:25px;
}

.left_align {
    text-align: left!important;
}

.information_row {
    margin-top:25px;
}

.information_row img {
    width:400px;
}

.page_info_block {
    margin-top:25px;
}

.page_info_block p {
    margin-bottom:15px;

}

.page_info_block p:last-child {
    margin-bottom:0px!important;
}



/* header */

header {
    padding:15px;
    background-color:#1284db;
}

.header_logo {
    float:left;
    margin-top:4px;
}

.header_logo h3 {
    color:#fff;
}

.header_logo h3 a:hover {
    text-decoration: none;
    color:#fff;
}

.header_nav {
    float:right;
    margin-top:9px;
}


.header_nav ul li {
    display: inline-block;
}

.header_nav ul li {
    color:#fff;
    margin-left:15px;
}

.header_nav ul li:last-child {
    margin-right:0px!important;
}

.header_nav ul li a:hover {
    font-weight: bold;
    color:#fff;
    text-decoration: none;
}

/* footer */

footer {
    background-color:#1284db;
    padding:15px;
    color:#fff;
}

.copyright {
    float:left;
}

.footer_nav {
    float:right;
}

.footer_nav ul li {
    display: inline-block;
}

.footer_nav ul li {
    color:#fff;
    margin-left:15px;
}

.footer_nav ul li:last-child {
    margin-right:0px!important;
}

.footer_nav ul li a:hover {
    font-weight: bold;
    color:#fff;
    text-decoration: none;
}


.disclaimer {
    text-align: center;
    margin-top:10px;
}


/* homepage */

.homepage_welcome h1 {
    margin-bottom:20px;
}

.homepage_slideshow {
    width:100%;
    background-color:green;
}

.carousel {
    position: relative;
}

.carousel-item {
    height: 750px;
    width:100%;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel_caption {
    position: absolute;
    bottom:50px;
    left:50px;
    width:500px;
}

.carousel_caption {
    color:#fff;
}

.carousel_caption p {
    margin-top:15px;
}



.what_we_are_working_on {
    background-color:#074f87;
    color:#fff;
}

.what_we_are_working_on h3 {
    margin-bottom:25px;
}

.what_we_are_working_on .info_block{
    margin-bottom:0px!important;
}


/* about */

.about_image {
    max-width:750px;
    display: block;
    margin:auto;
    margin-top:25px;
}


/* game page */

.game_description_info {
    white-space:break-spaces;
}


/* employee */

.employee img {
    width:100%;
}

.employee img:hover {
    opacity: .5;
    cursor: pointer;
}



/* History */


.timeline {
    margin-top:25px;
}

.timeline_block {
    border-bottom:2px solid #000;
    padding-top:25px;
    padding-bottom:25px;
    text-align: left!important;
}


.additional_informaton {
    margin-top:25px;
}

.screenshot, .game {
    margin-top:25px;
}

.screenshot img:hover, .game img:hover {
    opacity: .5;
    cursor: pointer;


}

.info_picture {
    width:70%!important;
    display: block;
    margin:auto;
}

.modal-dialog {
    max-width: none!important;
    width:70%!important;
}


@media screen and (max-width:1199px) {
    .information_row img {
        width:100%;
    }
    
    .about_image {
        max-width:initial;
        width:100%;
    }
}

@media screen and (max-width:900px) {
    
    .header_nav, .header_logo {
        float:none;
    }
    
    .header_nav ul li:first-child {
        margin-left:0px!important;
    }
    
}

@media screen and (max-width:890px) {

    .copyright, .footer_nav {
        float:none;
    }
    .footer_nav {
        margin-top:15px;
    }
    
    .footer_nav ul li:first-child {
        margin-left:0px!important;
    }
    
    .disclaimer {
      text-align: left;
      margin-top: 15px;
    }
}

@media screen and (max-width:767px) {
    .right_hand_information {
        margin-top:25px;
    }
    
}


@media screen and (max-width:600px) {
    
    .carousel_caption {
        width:100%;
        left:0px;
        padding-left:15px;
        padding-right:15px;
    }
    
    .carousel-item {
        height:500px;
    }
    
}


@media screen and (max-width:575px) {

    .what_we_are_working_on h3 {
        margin-bottom:0px;
    }

    .info_block {
        margin-top:25px;
    }
    
    .timeline_block img {
        margin-top:25px;
    }
    
    .modal-dialog {
        width: initial !important;
  
    }
    
    .game img {
        width:70%!important;
    }


}

