h1 {
    font-weight: 800; 
    text-transform: uppercase;  }

.linea {
    border-top: 2px solid #fff;
    width: 60%;
    margin: 5px auto 5px;  }

* {
    font-family: 'Montserrat', sans-serif;  }

body, html, #wrapper {
    width: 100%;
    height: 100%;
    color: #fff;  }

#wrapper {
    display: table;  }

#main {
    display: table-cell;
    vertical-align: middle;
    text-align: center;  }

.img-center {
    display:block;
    margin:auto;  }

.row {
	margin: 0;  }

.first, .last, .parent {
	padding: 0px;
	height: calc(100vh - 261px);  }

@media screen and (max-width: 991px) {
	.first, .last, .parent {
        min-height: 200px;
		height: calc((100vh - 261px) / 2) !important;  }	

    .logo {
        max-width: 80vw;  }   

    h1 {
        font-size: 2rem !important;  }  

    h2 {
        font-size: 1.5rem !important;  }  }

.first  {
    background-position: center;  }

.last {
 	background-position: center; 	
    background: black;  }


.pagination {
  	margin-bottom: 30px;  }

.navbar-toggler {
	display: none;  }

#content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;  }

footer {
    background: #007DC4;  }

a {
    text-decoration: none !important;  }

/** Hover **/

#main {
    background-color: rgba(0, 0, 0, 0.5);  }

.parent {  
    width: 50vw;    
    overflow: hidden;  }
    
@media screen and (max-width: 991px) {
    .parent {
        width: 100vw !important;  }  }

.child {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;  }

.first .child {
    background-image: url("../img/Conferences.jpg");  }

.last .child {
    background-image: url("../img/Formula.jpg");  }

.parent:hover .child,
.parent:focus .child {
    transform: scale(1.2);
    transition: 4s;  }

#main:hover,
#main:focus {
    background-color: rgba(0,0,0,0.85); 
    transition: 4s;  }